xiaogang

ColorUI 源代码

pages/index/index.js

@@ -0,0 +1,39 @@
+//index.js
+//获取应用实例
+const app = getApp()
+
+Page({
+  data: {
+    desc: { image: '/images/index.png', text: '鲜亮的高饱和色彩，专注视觉的小程序组件库' },
+    elements: [
+      { title: '布局', name: 'layout' },
+      { title: '按钮', name: 'button' },
+      { title: '徽章', name: 'badge' },
+      { title: '边框', name: 'border' },
+      { title: '文本', name: 'text' },
+      { title: '图标 ', name: 'icon' },
+      { title: '加载', name: 'loading' },
+      { title: '图片 ', name: 'image' },
+    ],
+    modules: [
+      { title: '操作条', name: 'bar' },
+      { title: '表单', name: 'form' },
+      { title: '导航条 ', name: 'nav' },
+      { title: '列表项', name: 'item' },
+      { title: '列表 ', name: 'list' },
+      { title: '侧边栏', name: 'side' },
+      { title: '评论 ', name: 'comment' },
+      { title: '时间线', name: 'timeline' },
+      { title: '轮播 ', name: 'slider' },
+      { title: '评分', name: 'rating' },
+      { title: '弹出框 ', name: 'modal' },
+      { title: '进度条 ', name: 'progress' },
+      { title: '聊天 ', name: 'chat' },
+    ],
+    userinfo: []
+  },
+
+  onLoad: function () {
+
+  }
+})

pages/index/index.json

@@ -0,0 +1,3 @@
+{
+  "enablePullDownRefresh":false
+}

pages/index/index.wxml

@@ -0,0 +1,22 @@
+<view class="desc">
+  <image src="{{desc.image}}" mode="widthFix" class="indexImage"></image>
+  <text>{{desc.text}}</text>
+</view>
+
+<view class='title'>Elements 元素</view>
+<navigator url="../{{item.name}}/{{item.name}}" class="nav-list" wx:for="{{elements}}" wx:key="{{index}}">
+  <view class="nav-title">{{item.title}}</view>
+  <view class="nav-name">{{item.name}}</view>
+  <view class="iconfont icon-right"></view>
+</navigator>
+
+<view class='title'>Modules 模块</view>
+<navigator url="../{{item.name}}/{{item.name}}" class="nav-list" wx:for="{{modules}}" wx:key="{{index}}">
+  <view class="nav-title">{{item.title}}</view>
+  <view class="nav-name">{{item.name}}</view>
+  <view class="iconfont icon-right"></view>
+</navigator>
+<view class="foot-text">
+  <text class="iconfont icon-discover"></text>
+  <text> https://color.weilanwl.com/</text>
+</view>

pages/index/index.wxss

@@ -0,0 +1,18 @@
+page {
+  background: #f1f1f1;
+}
+
+.foot-text {
+  line-height: 100rpx;
+  text-align: center;
+  color: #aaa;
+  font-size: 26rpx;
+}
+.title{
+  text-align: center;
+  font-size: 32rpx;
+  color: #888;
+}
+.nav-list + .title {
+  margin-top: 50rpx;
+}