精华内容
下载资源
问答
  • uniapp里面的一个UI组件库 ...这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库 使用教程 项目里好多地方都用的...2:将ColorUI-UniApp里面的文件夹colorui导入自己的项目 3:打开App.

    uniapp里面的一个UI组件库
    https://ext.dcloud.net.cn/plugin?id=239

    这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库

    使用教程

    项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果。

    1:从github上下载
    https://github.com/weilanwl/ColorUI

    image

    2:将ColorUI-UniApp里面的文件夹colorui导入自己的项目

    image

    3:打开App.vue文件,引入全局colorui样式

    @import "colorui/main.css";
    @import "colorui/icon.css";
    

    image

    注意:局部引入
    只需要在用到的页面引入即可

    image

    4:实现一个循环卡片效果

    <template>
    	<view>
    		<view class="cu-card dynamic" v-for="(item,index) in productList" :key="index">
    			<view class="cu-item shadow">
    				<view class="cu-list menu-avatar">
    					<view class="cu-item">
    						<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
    						<view class="content flex-sub">
    							<view>{{item.name}}</view>
    							<view class="text-gray text-sm flex justify-between">
    								{{item.date}}
    							</view>
    						</view>
    					</view>
    				</view>
    				<view class="text-content">
    					开始时间: {{item.beginTime}}
    				</view>
    				<view class="text-content">
    					结束时间: {{item.endTime}}
    				</view>
    				<view class="text-content">
    					加班时长:{{item.total}}
    				</view>
    				<view class="text-gray text-sm text-right padding">
    					<text class="cuIcon-attentionfill margin-lr-xs"></text> {{item.stats}}
    				</view>
    			</view>
    		</view>
    	</view>
    </template>
    <script>
    	export default {
    		data() {
    			return {
    				isCard: false,
    				productList: [{
    						image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product1.jpg',
    						name: '李俊飞',
    						date: '2019-12-31',
    						beginTime: '2019-12-31   9:30',
    						endTime: '2019-12-31   9:30',
    						total: '3小时',
    						stats: '已同意'
    					},
    					{
    						image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product2.jpg',
    						name: '罗西西',
    						date: '2019-12-31',
    						beginTime: '2019-12-09   9:00',
    						endTime: '2019-12-10   15:35',
    						total: '5小时',
    						stats: '已同意'
    					},
    					{
    						image: 'https://img-cdn-qiniu.dcloud.net.cn/uploads/example/product3.jpg',
    						name: '小金龙',
    						date: '2019-12-31',
    						beginTime: '2019-12-11   9:30',
    						endTime: '2019-12-31   17:22',
    						total: '6小时',
    						stats: '已拒绝'
    					}
    				],
    			};
    		},
    		methods: {}
    	}
    </script>
    <style>
    	.cu-card.dynamic>.cu-item>.text-content {
    		margin-bottom: 1px;
    		margin-top: 6px;
    	}
    </style>
    
    
    

    ok,大致的效果就是这样的啦,在UI 界面上用到的是非常的多的哦

    或者

    可以导入到专用的编辑器,查看UI库的全部效果
    预览:https://ext.dcloud.net.cn/plugin?id=239


    在这里插入图片描述

    展开全文
  • 注意 由于官方没有详细文档,这边文档是我自己边写边记录的,都是根据给出的...注意:他这个有的不准,建议在color UI的main.css中直接搜索关键字 * -- 内外边距 -- */ .margin-0 { margin: 0; } .margin-xs { m...

    注意

    由于官方没有详细文档,这边文档是我自己边写边记录的,都是根据给出的官方demo进行提取的,你可以自己查看官方的实例

    布局

    辅助布局

    内外边距

    {size}的尺寸有xs/sm/df/lg/xl

    在这里插入图片描述
    注意:他这个有的不准,建议在color UI的main.css中直接搜索关键字

    *  -- 内外边距 -- */
    
    .margin-0 {
    	margin: 0;
    }
    
    .margin-xs {
    	margin: 10upx;
    }
    
    .margin-sm {
    	margin: 20upx;
    }
    
    .margin {
    	margin: 30upx;
    }
    
    .margin-lg {
    	margin: 40upx;
    }
    
    .margin-xl {
    	margin: 50upx;
    }
    
    .margin-top-xs {
    	margin-top: 10upx;
    }
    
    .margin-top-sm {
    	margin-top: 20upx;
    }
    
    .margin-top {
    	margin-top: 30upx;
    }
    
    .margin-top-lg {
    	margin-top: 40upx;
    }
    
    .margin-top-xl {
    	margin-top: 50upx;
    }
    
    .margin-right-xs {
    	margin-right: 10upx;
    }
    
    .margin-right-sm {
    	margin-right: 20upx;
    }
    
    .margin-right {
    	margin-right: 30upx;
    }
    
    .margin-right-lg {
    	margin-right: 40upx;
    }
    
    .margin-right-xl {
    	margin-right: 50upx;
    }
    
    .margin-bottom-xs {
    	margin-bottom: 10upx;
    }
    
    .margin-bottom-sm {
    	margin-bottom: 20upx;
    }
    
    .margin-bottom {
    	margin-bottom: 30upx;
    }
    
    .margin-bottom-lg {
    	margin-bottom: 40upx;
    }
    
    .margin-bottom-xl {
    	margin-bottom: 50upx;
    }
    
    .margin-left-xs {
    	margin-left: 10upx;
    }
    
    .margin-left-sm {
    	margin-left: 20upx;
    }
    
    .margin-left {
    	margin-left: 30upx;
    }
    
    .margin-left-lg {
    	margin-left: 40upx;
    }
    
    .margin-left-xl {
    	margin-left: 50upx;
    }
    
    .margin-lr-xs {
    	margin-left: 10upx;
    	margin-right: 10upx;
    }
    
    .margin-lr-sm {
    	margin-left: 20upx;
    	margin-right: 20upx;
    }
    
    .margin-lr {
    	margin-left: 30upx;
    	margin-right: 30upx;
    }
    
    .margin-lr-lg {
    	margin-left: 40upx;
    	margin-right: 40upx;
    }
    
    .margin-lr-xl {
    	margin-left: 50upx;
    	margin-right: 50upx;
    }
    
    .margin-tb-xs {
    	margin-top: 10upx;
    	margin-bottom: 10upx;
    }
    
    .margin-tb-sm {
    	margin-top: 20upx;
    	margin-bottom: 20upx;
    }
    
    .margin-tb {
    	margin-top: 30upx;
    	margin-bottom: 30upx;
    }
    
    .margin-tb-lg {
    	margin-top: 40upx;
    	margin-bottom: 40upx;
    }
    
    .margin-tb-xl {
    	margin-top: 50upx;
    	margin-bottom: 50upx;
    }
    
    .padding-0 {
    	padding: 0;
    }
    
    .padding-xs {
    	padding: 10upx;
    }
    
    .padding-sm {
    	padding: 20upx;
    }
    
    .padding {
    	padding: 30upx;
    }
    
    .padding-lg {
    	padding: 40upx;
    }
    
    .padding-xl {
    	padding: 50upx;
    }
    
    .padding-top-xs {
    	padding-top: 10upx;
    }
    
    .padding-top-sm {
    	padding-top: 20upx;
    }
    
    .padding-top {
    	padding-top: 30upx;
    }
    
    .padding-top-lg {
    	padding-top: 40upx;
    }
    
    .padding-top-xl {
    	padding-top: 50upx;
    }
    
    .padding-right-xs {
    	padding-right: 10upx;
    }
    
    .padding-right-sm {
    	padding-right: 20upx;
    }
    
    .padding-right {
    	padding-right: 30upx;
    }
    
    .padding-right-lg {
    	padding-right: 40upx;
    }
    
    .padding-right-xl {
    	padding-right: 50upx;
    }
    
    .padding-bottom-xs {
    	padding-bottom: 10upx;
    }
    
    .padding-bottom-sm {
    	padding-bottom: 20upx;
    }
    
    .padding-bottom {
    	padding-bottom: 30upx;
    }
    
    .padding-bottom-lg {
    	padding-bottom: 40upx;
    }
    
    .padding-bottom-xl {
    	padding-bottom: 50upx;
    }
    
    .padding-left-xs {
    	padding-left: 10upx;
    }
    
    .padding-left-sm {
    	padding-left: 20upx;
    }
    
    .padding-left {
    	padding-left: 30upx;
    }
    
    .padding-left-lg {
    	padding-left: 40upx;
    }
    
    .padding-left-xl {
    	padding-left: 50upx;
    }
    
    .padding-lr-xs {
    	padding-left: 10upx;
    	padding-right: 10upx;
    }
    
    .padding-lr-sm {
    	padding-left: 20upx;
    	padding-right: 20upx;
    }
    
    .padding-lr {
    	padding-left: 30upx;
    	padding-right: 30upx;
    }
    
    .padding-lr-lg {
    	padding-left: 40upx;
    	padding-right: 40upx;
    }
    
    .padding-lr-xl {
    	padding-left: 50upx;
    	padding-right: 50upx;
    }
    
    .padding-tb-xs {
    	padding-top: 10upx;
    	padding-bottom: 10upx;
    }
    
    .padding-tb-sm {
    	padding-top: 20upx;
    	padding-bottom: 20upx;
    }
    
    .padding-tb {
    	padding-top: 30upx;
    	padding-bottom: 30upx;
    }
    
    .padding-tb-lg {
    	padding-top: 40upx;
    	padding-bottom: 40upx;
    }
    
    .padding-tb-xl {
    	padding-top: 50upx;
    	padding-bottom: 50upx;
    }
    
    

    背景相关

    深色背景

    在这里插入图片描述

    
    .bg-red {
    	background-color: #e54d42;
    	color: #ffffff;
    }
    
    .bg-orange {
    	background-color: #f37b1d;
    	color: #ffffff;
    }
    
    .bg-yellow {
    	background-color: #fbbd08;
    	color: #333333;
    }
    
    .bg-olive {
    	background-color: #8dc63f;
    	color: #ffffff;
    }
    
    .bg-green {
    	background-color: #39b54a;
    	color: #ffffff;
    }
    
    .bg-cyan {
    	background-color: #1cbbb4;
    	color: #ffffff;
    }
    
    .bg-blue {
    	background-color: #0081ff;
    	color: #ffffff;
    }
    
    .bg-purple {
    	background-color: #6739b6;
    	color: #ffffff;
    }
    
    .bg-mauve {
    	background-color: #9c26b0;
    	color: #ffffff;
    }
    
    .bg-pink {
    	background-color: #e03997;
    	color: #ffffff;
    }
    
    .bg-brown {
    	background-color: #a5673f;
    	color: #ffffff;
    }
    
    .bg-grey {
    	background-color: #8799a3;
    	color: #ffffff;
    }
    
    .bg-gray {
    	background-color: #f0f0f0;
    	color: #333333;
    }
    
    .bg-black {
    	background-color: #333333;
    	color: #ffffff;
    }
    
    .bg-white {
    	background-color: #ffffff;
    	color: #666666;
    }
    
    

    淡色背景

    在这里插入图片描述

    
    .bg-red.light {
    	color: #e54d42;
    	background-color: #fadbd9;
    }
    
    .bg-orange.light {
    	color: #f37b1d;
    	background-color: #fde6d2;
    }
    
    .bg-yellow.light {
    	color: #fbbd08;
    	background-color: #fef2ced2;
    }
    
    .bg-olive.light {
    	color: #8dc63f;
    	background-color: #e8f4d9;
    }
    
    .bg-green.light {
    	color: #39b54a;
    	background-color: #d7f0dbff;
    }
    
    .bg-cyan.light {
    	color: #1cbbb4;
    	background-color: #d2f1f0;
    }
    
    .bg-blue.light {
    	color: #0081ff;
    	background-color: #cce6ff;
    }
    
    .bg-purple.light {
    	color: #6739b6;
    	background-color: #e1d7f0;
    }
    
    .bg-mauve.light {
    	color: #9c26b0;
    	background-color: #ebd4ef;
    }
    
    .bg-pink.light {
    	color: #e03997;
    	background-color: #f9d7ea;
    }
    
    .bg-brown.light {
    	color: #a5673f;
    	background-color: #ede1d9;
    }
    
    .bg-grey.light {
    	color: #8799a3;
    	background-color: #e7ebed;
    }
    

    渐变

    .bg-gradual-red {
    	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
    	color: #ffffff;
    }
    
    .bg-gradual-orange {
    	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
    	color: #ffffff;
    }
    
    .bg-gradual-green {
    	background-image: linear-gradient(45deg, #39b54a, #8dc63f);
    	color: #ffffff;
    }
    
    .bg-gradual-purple {
    	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
    	color: #ffffff;
    }
    
    .bg-gradual-pink {
    	background-image: linear-gradient(45deg, #ec008c, #6739b6);
    	color: #ffffff;
    }
    
    .bg-gradual-blue {
    	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
    	color: #ffffff;
    }
    
    .bg-shadeTop {
    	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
    	color: #ffffff;
    }
    
    .bg-shadeBottom {
    	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
    	color: #ffffff;
    }
    

    阴影边框

    阴影

    .shadow[class*="-red"] {
    	box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
    }
    
    .shadow[class*="-orange"] {
    	box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
    }
    
    .shadow[class*="-yellow"] {
    	box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
    }
    
    .shadow[class*="-olive"] {
    	box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
    }
    
    .shadow[class*="-green"] {
    	box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
    }
    
    .shadow[class*="-cyan"] {
    	box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
    }
    
    .shadow[class*="-blue"] {
    	box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
    }
    
    .shadow[class*="-purple"] {
    	box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
    }
    
    .shadow[class*="-mauve"] {
    	box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
    }
    
    .shadow[class*="-pink"] {
    	box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
    }
    
    .shadow[class*="-brown"] {
    	box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
    }
    
    .shadow[class*="-grey"] {
    	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
    }
    
    .shadow[class*="-gray"] {
    	box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
    }
    
    .shadow[class*="-black"] {
    	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
    }
    
    .shadow[class*="-white"] {
    	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
    }
    

    文字阴影

    .text-shadow[class*="-red"] {
    	text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
    }
    
    .text-shadow[class*="-orange"] {
    	text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
    }
    
    .text-shadow[class*="-yellow"] {
    	text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
    }
    
    .text-shadow[class*="-olive"] {
    	text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
    }
    
    .text-shadow[class*="-green"] {
    	text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
    }
    
    .text-shadow[class*="-cyan"] {
    	text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
    }
    
    .text-shadow[class*="-blue"] {
    	text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
    }
    
    .text-shadow[class*="-purple"] {
    	text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
    }
    
    .text-shadow[class*="-mauve"] {
    	text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
    }
    
    .text-shadow[class*="-pink"] {
    	text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
    }
    
    .text-shadow[class*="-brown"] {
    	text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
    }
    
    .text-shadow[class*="-grey"] {
    	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
    }
    
    .text-shadow[class*="-gray"] {
    	text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
    }
    
    .text-shadow[class*="-black"] {
    	text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
    }
    

    图标

    使用cuIcon-后面加图标的名称

    详情查看官网实例
    在这里插入图片描述

    展开全文
  • ColorUI-UniApp 导航栏返回只能返回上一页,如何设置自定义的页面? 解析: 1.找到colorUi下的导航组件 cu-custom.vue 2.定义一个自定义导航的url属性 props: { // 定义一个导航url属性,如果有这个属性就使用这个...

    问题:

    ColorUI-UniApp 导航栏返回只能返回上一页,如何设置自定义的页面?

    解析:

    1.找到colorUi下的导航组件 cu-custom.vue

    2.定义一个自定义导航的url属性

    props: {
        // 定义一个导航url属性,如果有这个属性就使用这个跳转url
        url: {
            type: String,
            default: ''
        }
    },
    

    3. 修改跳转方法

    BackPage() {
        if (this.url) {
            uni.redirectTo({url: this.url})
        } else {
            if (getCurrentPages().length < 2 && 'undefined' !== typeof __wxConfig) {
                let url = '/' + __wxConfig.pages[0]
                return uni.redirectTo({
                    url
                })
            }
            uni.navigateBack({
                delta: 1
            });
        }
    }
    

    4. 如何传url值呢?

    比如从a页面跳转到b页面,然后在从b跳回c页面,最后从c跳转到b页面。如果不设置自定义url属性,点击c页面的返回直接跳到a页面了,为了解决这个问题在从b跳转到c页面的时候把b页面的相对路径传给c页面作为c页面跳转回到b页面的url即可。

    <navigator class="cu-item" navigateTo v-for="(user, index) in userData" :key="index" hover-class="none" 
    			:url="jump(user)" open-type="redirect"></navigator >
    
    // 跳转页面
    jump: function(loan) {
        let data = {
            title: '用户详情',
            url: '../user/user-query' // 注意这个地址是a页面跳转到b(当前页)的相对地址
        }
        return this.contract(this.sonUrl, data)
    }
    
    展开全文
  • uniapp 使用 colorUI

    2020-08-24 11:10:13
    3、将示例项目中的 colorui 文件夹复制到 test 项目的根目录 4、 test/App.vue 中引入 css <style> @import "./colorui/main.css"; @import "./colorui/icon.css"; @import './common/app.css' </...

    1、新建uniapp项目 test

    2、导入colorUI示例项目用hbuildx导入(点击跳转到示例项目

    3、将示例项目中的 colorui 文件夹复制到 test 项目的根目录

    4、 test/App.vue 中引入 css

    <style>
    	@import "./colorui/main.css";
    	@import "./colorui/icon.css";
    	@import './common/app.css'
    </style>

    完成以上步骤后,可以使用colorUI的组件了,下面以tag为例

    <view class='cu-tag' class='bg-green'>测试标签</view>

    浅色系

    class="light"

    此外,可以在挂载全局颜色

    Vue.prototype.ColorList = [{
    					title: '嫣红',
    					name: 'red',
    					color: '#e54d42'
    				},
    				{
    					title: '桔橙',
    					name: 'orange',
    					color: '#f37b1d'
    				}
    			]

    其他页面用的时候

            data() {
    			return {
    				ColorList:this.ColorList
    			}
    		},
    <view class='cu-tag  radius light' :class="bg-'ColorList[2].name'">测试标签</view>

     

     

    展开全文
  • uniapp使用colorUI

    2020-03-17 10:10:50
    colorUI 官网下载https://www.color-ui.com/ ...@import "colorui/main.css"; @import "colorui/icon.css"; 3.在main.js引入cu-custom组件 import cuCustom from ‘colorui/components/cu-custom.vue’ V...
  • uniapp中引入colorUI

    2021-02-19 14:03:17
    前言:colorUI的官方文档 https://www.kancloud.cn/m22543/colorui/1289225 1.下载colorUI https://www.color-ui.com/ 2.创建一个uniapp项目 3.将下载的colorUI文件中的colorUI文件夹复制项目中 4.在app.vue文件...
  • 准备工作 1.vue-py.js 链接:https://pan.baidu.com/s/1xHNTZma5FHZNrc86fKerrw 提取码:n5d1 2.colorUI通过hbuilderX引入到页面中 3.将vue-py.js里的文件路径改成自己的引入路劲
  • uniapp如何引入colorUI

    千次阅读 2020-03-12 17:50:14
    color UI 使用文档 ...Uni-app中引入第三方Color...1.去colorui官网下载colorui压缩包 官方网址:https://www.color-ui.com 2.解压压缩包,将colorui文件夹放到自己的项目中 3.在main.js中引入cu-custom组件 import c...
  • uniapp中使用colorUI说明文档

    千次阅读 2020-03-30 09:32:35
    colorUI简介 ColorUI迎来了2.0的升级,相比之前的版本,2.0版本重构了基础代码,增加了更多的配色,这是一个全新的小程序UI解决方案。 ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,...
  • Uniapp整合ColorUI进行项目开发 构建工具: VUE CLI 3.0 https://vue3js.cn/docs/zh/guide/migration/introduction.html uni-simple-router https://hhyang.cn/v2/ 1.使用Hbuilder新建uni-app 项目 [外链图片...
  • uniapp配合colorUI制作简单的信封 没有审美,所以样式比较简陋,背景图可以换成自己想要的样子 一.先写一个点击事件用来弹出信封。 <view @click="dianji">点击</view> 二.不想写弹出来的效果,...
  • 原生的uniapp的ui是非常普通的,因此笔者就想借助开源的ui插件colorui来改进。 恰好HBbuilderx可以直接创建带有coloruiuniapp的应用。 但是当应用创建好之后,要运行微信小程序上,或者是字节跳动小程序...
  • uniapp中使用colorui制作自定义tabbar1、直接在pages.json定义tabbar2、使用colorui制作自定义tabbar 1、直接在pages.json定义tabbar 我们通常在uniapp中的pages.json中直接配置tabbar。 如下面的例子: 这里...
  • uniapp使用ColorUI禁止模态框底层滑动源码 源码 catchtouchmove='true' 在模态框加入catchtouchmove='true’即可,使用HBuilderX编辑器的预览和真机测试是可以。在电脑本地是没有效果的啦,这个要注意。 注意:...
  • 页面 <view class="cu-progress round margin-top"> <view class="bg-red" :style="[{ width:loading?'61.8%':''}]"></view> ...view class="text-center align-center progress-absolute">...
  • UniApp中引入第三方ColorUI操作步骤

    千次阅读 2019-11-21 15:19:01
    1.去colorui官网下载colorui压缩包,解压后把下图中的文件复制出来,粘贴到888项目目录下: 链接:https://www.color-ui.com/ 2.在app.vue引入css: @import "colorui/main.css"; @import "colorui/icon.css...

空空如也

空空如也

1 2 3 4 5 6
收藏数 117
精华内容 46
关键字:

coloruiuniapp