一、导读

colorUI 是一款css类库，超高的颜值，但是奈何自己使用的是wepy框架，官方给的是原生的方法，这里介绍一下如何在wepy项目中使用。
项目源码git地址：传送门
预览小程序：

二、步骤

首先修改app.wpy，添加全局样式，和使用全局组件

...usingComponents: {"cu-custom": "/public/styles/colorui/components/cu-custom"},
...
<style lang="less">
@import "/public/styles/colorui/main.wxss";
@import "/public/styles/colorui/icon.wxss";
</style>

修改colorUI中的cu-custom.js文件，引入wepy,修改组件初始数据，变成wepy的写法

import wepy from 'wepy'/*** 组件的初始数据*/data: {StatusBar: wepy.$instance.globalData.StatusBar,CustomBar: wepy.$instance.globalData.CustomBar,Custom: wepy.$instance.globalData.Custom},

页面中就可以这么使用demo中的标题栏

    <cu-custom bgColor="bg-gradual-pink" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">海报</view></cu-custom>

wepy集成colorui 样式框架相关推荐

uniapp集成colorUI uView2.0 Vuex
文章目录说明新建uniapp项目集成colorUI 集成uView(uniapp插件市场引入) 集成Vuex 另uView集中管理API 请求和响应拦截器也非常优秀说明由于经常要用到unia ...
php 配置文件加密工具类,SpringBoot集成Jasypt安全框架以及配置文件内容加密（代码示例）...
本篇文章给大家带来的内容是关于SpringBoot集成Jasypt安全框架以及配置文件内容加密(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我们在SpringBoot项 ...
asp.net core 集成 log4net 日志框架
asp.net core 集成 log4net 日志框架 Intro 在 asp.net core 中有些日志我们可能想输出到数据库或文件或elasticsearch等,如果不自己去实现一个 Logg ...
SpringBoot集成权限认证框架(Sa-Token)
SpringBoot集成权限认证框架(Sa-Token) 介绍身份验证又称"验证"."鉴权",是指通过一定的手段,完成对用户身份的确认. 身份验证的目的是确认 ...
05react中ant-design样式框架使用
ant-design样式框架: 安装:npm install antd --save 2.对antd进行按需加载,配置之后就不需要进行css引入 1)安装制定版本的,否则会报错:npm install ...
SpringBoot集成Shiro安全框架
SpringBoot集成Shiro安全框架 1.shiro的定义 2.SpringBoot集成shiro的步骤 3.完成的效果 1.shiro的定义 1.shiro的作用认证.授权.加密.会话管理. ...
wepy集成vantweapp开发
wepy集成vantweapp开发 wepy安装与初始化 $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init standard mypr ...
wepy（minUI）框架学习
学习文献: 鹅厂- wepy学习汇总 wepy官网 minUI官方使用手册 -- 阅读结构: 1.小程序minUI安装方法 2.小程序wxcharts表格实现方式 3.wepy的 .wpy文件基本结 ...
Spring Boot集成Jasypt安全框架
Jasypt安全框架提供了Spring的集成,主要是实现 PlaceholderConfigurerSupport类或者其子类. 在Sring 3.1之后,则推荐使用PropertySourcesPl ...
spring boot—集成log4j2日志框架
文章目录市场上的日志框架 spring boot日志框架关系移除默认日志框架切换为log4j2日志框架市场上的日志框架 1)日志门面最常用的是slf4j 2)日志实现最常用的是logb ...

wepy集成colorui 样式框架

一、导读

二、步骤

wepy集成colorui 样式框架相关推荐

最新文章

热门文章