add switch

demo/app.json

@@ -1,5 +1,7 @@
 {
   "pages":[
+    "pages/switch/index",
+    "pages/rate/index",
     "pages/search/index",
     "pages/main/index",
     "pages/input/index",

demo/dist/switch/index.js

@@ -0,0 +1,16 @@
+Component({
+  properties: {
+    color: {
+      type: String,
+      value: ''
+    },
+    checked: {
+      type: Boolean,
+      value: false
+    },
+    disabled: {
+      type: Boolean,
+      value: false
+    }
+  }
+});

demo/dist/switch/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "d-icon": "../icon/index"
+  }
+}

demo/dist/switch/index.wxml

@@ -0,0 +1,6 @@
+<switch
+  class="d-switch"
+  color="{{color}}"
+  checked="{{checked}}"
+  disabled="{{disabled}}"
+></switch>

demo/dist/switch/index.wxss

@@ -0,0 +1 @@
+@font-face{font-family:iconfont;src:url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.icon-check-fill:before{content:"\e627"}.icon-circle:before{content:"\e614"}.icon-fail:before{content:"\e610"}.icon-success:before{content:"\e77d"}.icon-error:before{content:"\e77e"}.icon-warning:before{content:"\e785"}.icon-message:before{content:"\e78a"}.icon-setting:before{content:"\e78e"}.icon-eye:before{content:"\e78f"}.icon-location:before{content:"\e790"}.icon-adduser:before{content:"\e7ae"}.icon-user:before{content:"\e7af"}.icon-home:before{content:"\e7c6"}.icon-like:before{content:"\e7c8"}.icon-unlike:before{content:"\e7c9"}.icon-camera:before{content:"\e7d7"}.icon-cloud-download:before{content:"\e7d9"}.icon-sound:before{content:"\e7da"}.icon-heart:before{content:"\e7df"}.icon-star:before{content:"\e7e0"}.icon-wifi:before{content:"\e7e1"}.icon-man:before{content:"\e7e2"}.icon-share:before{content:"\e7e7"}.icon-right:before{content:"\e7eb"}.icon-left:before{content:"\e7ec"}.icon-up:before{content:"\e7ed"}.icon-down:before{content:"\e7ee"}.icon-menu:before{content:"\e7f4"}.icon-check:before{content:"\e7fc"}.icon-close:before{content:"\e7fd"}.icon-tel:before{content:"\e725"}.icon-phone:before{content:"\e60b"}.icon-caret-down:before{content:"\e8ec"}.icon-caret-up:before{content:"\e8ed"}.icon-caret-right:before{content:"\e8ee"}.icon-caret-left:before{content:"\e8ef"}.icon-search:before{content:"\e8f0"}.icon-close-circle:before{content:"\e63c"}.icon-plus:before{content:"\e8fe"}

demo/pages/rate/index.js

@@ -0,0 +1,66 @@
+// pages/rate/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

demo/pages/rate/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

demo/pages/rate/index.wxml

@@ -0,0 +1,2 @@
+<!--pages/rate/index.wxml-->
+<text>pages/rate/index.wxml</text>

demo/pages/rate/index.wxss

@@ -0,0 +1 @@
+/* pages/rate/index.wxss */

demo/pages/switch/index.js

@@ -0,0 +1,3 @@
+Page({
+
+})

demo/pages/switch/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "Switch 开关",
+  "usingComponents": {
+    "d-switch": "../../dist/switch/index"
+  }
+}

demo/pages/switch/index.wxml

@@ -0,0 +1,16 @@
+
+<view class="demo-box">
+  <view class="demo-title">普通switch</view>
+  <view class="demo-content">
+    <d-switch checked></d-switch>
+  </view>
+  <view class="demo-title">不同颜色的switch</view>
+  <view class="demo-content">
+    <d-switch color="#36CFC9" checked></d-switch>
+    <d-switch color="#f5222d" checked></d-switch>
+  </view>
+  <view class="demo-title">禁用switch</view>
+  <view class="demo-content">
+    <d-switch disabled></d-switch>
+  </view>
+</view>

demo/pages/switch/index.wxss

@@ -0,0 +1,17 @@
+@import '../../dist/styles/_mixins.wxss';
+
+.demo-box{
+  background: #f8f8f8;
+  margin-bottom: 20rpx;
+}
+.demo-title{
+  font-size: 32rpx;
+  color: #333;
+  padding-bottom: 30rpx;
+  padding-left: 30rpx;
+  padding-top: 30rpx;
+}
+.demo-content{
+  background: #fff;
+  padding: 10px;
+}

src/switch/index.js

@@ -0,0 +1,16 @@
+Component({
+  properties: {
+    color: {
+      type: String,
+      value: ''
+    },
+    checked: {
+      type: Boolean,
+      value: false
+    },
+    disabled: {
+      type: Boolean,
+      value: false
+    }
+  }
+});

src/switch/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "d-icon": "../icon/index"
+  }
+}

src/switch/index.less

@@ -0,0 +1,3 @@
+@import '../icon/index.less';
+
+.d-switch{}

src/switch/index.wxml

@@ -0,0 +1,6 @@
+<switch
+  class="d-switch"
+  color="{{color}}"
+  checked="{{checked}}"
+  disabled="{{disabled}}"
+></switch>