first commit

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/switch/.pydio

@@ -0,0 +1 @@
+a5ca6f03-791a-45e4-8093-86e04eb21776

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/switch/index.js

@@ -0,0 +1 @@
+"use strict";var _baseComponent=_interopRequireDefault(require("../helpers/baseComponent")),_classNames2=_interopRequireDefault(require("../helpers/classNames")),_eventsMixin=_interopRequireDefault(require("../helpers/eventsMixin")),_colors=require("../helpers/colors");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}(0,_baseComponent.default)({useField:!0,behaviors:[(0,_eventsMixin.default)()],relations:{"../field/index":{type:"ancestor"}},properties:{prefixCls:{type:String,value:"wux-switch"},value:{type:Boolean,value:!1,observer:function(e){this.hasFieldDecorator||this.updated(e)}},disabled:{type:Boolean,value:!1},color:{type:String,value:"balanced",observer:"updateStyle"}},data:{inputStyle:"",inputChecked:!1},computed:{classes:["prefixCls, inputChecked, disabled",function(e,t,a){var i;return{wrap:(0,_classNames2.default)(e),input:(0,_classNames2.default)("".concat(e,"__input"),(_defineProperty(i={},"".concat(e,"__input--checked"),t),_defineProperty(i,"".concat(e,"__input--disabled"),a),i))}}]},methods:{updated:function(e){this.data.inputChecked!==e&&this.setData({inputChecked:e})},onTap:function(e){var t=this.data,a=!t.inputChecked;t.disabled||this.triggerEvent("change",{value:a})},updateStyle:function(e){var t=(0,_colors.isPresetColor)(e),a="border-color: ".concat(t,"; background-color: ").concat(t,";");this.setData({inputStyle:a})}},attached:function(){this.updateStyle(this.data.color)}});

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/switch/index.json

@@ -0,0 +1,3 @@
+{
+    "component": true
+}

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/switch/index.wxml

@@ -0,0 +1,3 @@
+<view class="wux-class {{ classes.wrap }}">
+    <view class="{{ classes.input }}" style="{{ inputChecked ? inputStyle : '' }}" bindtap="onTap"></view>
+</view>

项目合集/校园失物招领/min-tpl/miniprogram_npm/wux-weapp/switch/index.wxss

@@ -0,0 +1 @@
+.wux-switch__input{position:relative;width:104rpx;height:64rpx;border:2rpx solid #dfdfdf;outline:0;border-radius:32rpx;box-sizing:border-box;background-color:#dfdfdf;transition:background-color .1s,border .1s}.wux-switch__input::before{content:" ";position:absolute;top:0;left:0;width:100rpx;height:60rpx;border-radius:30rpx;background-color:#fdfdfd;transition:transform .35s cubic-bezier(.45,1,.4,1)}.wux-switch__input::after{content:" ";position:absolute;top:0;left:0;width:60rpx;height:60rpx;border-radius:30rpx;background-color:#fff;box-shadow:0 2rpx 6rpx rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.4,.4,.25,1.35)}.wux-switch__input--checked{border-color:#33cd5f;background-color:#33cd5f}.wux-switch__input--checked::before{transform:scale(0)}.wux-switch__input--checked::after{transform:translateX(40rpx)}.wux-switch__input--disabled{opacity:.3}