style: demo

hxyyx · hxyyx · commit 277d7247556a · 2018-12-18T15:56:32.000+08:00
diff --git a/pages/API/canvas/canvas.vue b/pages/API/canvas/canvas.vue
@@ -5,9 +5,9 @@
 			<canvas class="canvas-element" canvas-id="canvas" id="canvas"></canvas>
 			<scroll-view class="canvas-buttons" scroll-y="true">
 				<block v-for="(name, index) in names" :key="index">
-					<button class="canvas-button" @tap="handleCanvasButton(name)">{{name}}</button>
+					<button class="canvas-button" @click="handleCanvasButton(name)">{{name}}</button>
 				</block>
-				<button class="canvas-button" @tap="toTempFilePath" type="primary">toTempFilePath</button>
+				<button class="canvas-button" @click="toTempFilePath" type="primary">toTempFilePath</button>
 			</scroll-view>
 		</view>
 	</view>
diff --git a/pages/component/form/form.vue b/pages/component/form/form.vue
@@ -5,20 +5,30 @@
 			<form @submit="formSubmit" @reset="formReset">
 				<view class="uni-form-item uni-column">
 					<view class="title">switch</view>
-					<switch name="switch" />
+					<view>
+						<switch name="switch" />
+					</view>
 				</view>
 				<view class="uni-form-item uni-column">
 					<view class="title">radio</view>
 					<radio-group name="radio">
-						<label><radio value="radio1" />选项一</label>
-						<label><radio value="radio2" />选项二</label>
+						<label>
+							<radio value="radio1" />选项一
+						</label>
+						<label>
+							<radio value="radio2" />选项二
+						</label>
 					</radio-group>
 				</view>
 				<view class="uni-form-item uni-column">
 					<view class="title">checkbox</view>
 					<checkbox-group name="checkbox">
-						<label><checkbox value="checkbox1" />选项一</label>
-						<label><checkbox value="checkbox2" />选项二</label>
+						<label>
+							<checkbox value="checkbox1" />选项一
+						</label>
+						<label>
+							<checkbox value="checkbox2" />选项二
+						</label>
 					</checkbox-group>
 				</view>
 				<view class="uni-form-item uni-column">
@@ -47,27 +57,29 @@
 			}
 		},
 		methods: {
-			pickerConfirm: function (e) {
+			pickerConfirm: function(e) {
 				this.pickerHidden = true
 				this.chosen = e.target.value
 			},
-			pickerCancel: function (e) {
+			pickerCancel: function(e) {
 				this.pickerHidden = true
 			},
-			pickerShow: function (e) {
+			pickerShow: function(e) {
 				this.pickerHidden = false
 			},
-			formSubmit: function (e) {
+			formSubmit: function(e) {
 				console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
 			},
-			formReset: function (e) {
-				console.log("清空数据")
+			formReset: function(e) {
+				console.log('清空数据')
 				this.chosen = ''
 			}
 		}
 	}
 </script>
 
 <style>
-	.title{padding:10px 0 !important;}
-</style>
+	.uni-form-item .title {
+		padding: 20upx 0;
+	}
+</style>
diff --git a/pages/tabBar/component/component.vue b/pages/tabBar/component/component.vue
@@ -10,7 +10,7 @@
 			<view class="uni-list">
 				<view class="uni-list-cell uni-collapse">
 					<view class="uni-list-cell-navigate uni-navigate-bottom" hover-class="uni-list-cell-hover" :class="list.open ? 'uni-active' : ''"
-					 @click="trigerCollapse(index)">
+					 @click="triggerCollapse(index)">
 						{{list.name}}
 					</view>
 					<view class="uni-list uni-collapse" :class="list.open ? 'uni-active' : ''">
@@ -111,7 +111,7 @@
 			})
 		},
 		methods: {
-			trigerCollapse(e) {
+			triggerCollapse(e) {
 				if(!this.lists[e].pages){
 					this.goDetailPage(this.lists[e].url);
 					return ;
