xiaogang

ColorUI 源代码

pages/norm/norm.js

@@ -0,0 +1,5 @@
+// pages/element/norm/norm.js
+Page({
+  data: {  
+  },
+})

pages/norm/norm.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "规范/Norm"
+}

pages/norm/norm.wxml

@@ -0,0 +1,30 @@
+<!--pages/element/norm/norm.wxml-->
+<view class="doc-main">
+  <view class="doc-main-title">CSS 盒模型</view>
+  <view class="doc-main-content">
+    <text>Color UI将所有元素的盒模型 </text><view class="code">box-sizing</view><text> 设置为 </text><view class="code">border-box</view>
+    <text> 这一属性，减少不必要的计算</text>
+  </view>
+  <view class="pre">view, text, scroll-view, swiper, button, form, input, textarea, label, navigator, image {
+  box-sizing: border-box;
+}</view>
+  <view class="doc-main-title">页面默认样式</view>
+  <view class="doc-main-content">    
+    <text>页面 </text><view class="code">page</view><text> 有默认的设置参数 </text>
+  </view>
+  <view class="pre">page {
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.6;
+  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
+}</view>
+  <view class="doc-main-title">尺寸单位</view>
+  <view class="doc-main-content">    
+    <text>Color UI将继续使用小程序默认的单位 </text><view class="code">rpx</view>
+  </view>
+  <view class="doc-main-content">    
+    <text> rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。</text>
+  </view>
+</view>
+
+

pages/norm/norm.wxss

@@ -0,0 +1 @@
+/* pages/element/norm/norm.wxss */