站点页面样式修改

pages/manage/sb-point-manage.vue

@@ -3,11 +3,11 @@
 		<nav-bar :title="title"></nav-bar>
 		<view class="zd_content">
 			<view class="zd_wrapper grid-wraper">
-				<view class="site_block" ref="liCon">
-					<view class="site_item" v-for="(e, i) in pointArr" :key="i" @tap="toCheck(e)">
+				<view class="zd-row flexstart flexwrap">
+					<view class="zd-col-12 site_item" v-for="(e, i) in pointArr" :key="i" @tap="toCheck(e)">
 						<view class="site_item_box" :class="{'site_checked': pkId === e.device_code}">
-							<view class="title_1">{{e.device_name}}</view>
-							<view class="title_2">{{e.device_code}}</view>
+							<view class="point_title_1">{{e.device_name}}</view>
+							<view class="point_title_2">{{e.device_code}}</view>
 						</view>
 					</view>
 				</view>
@@ -75,31 +75,6 @@
 
 <style lang="stylus">
 @import '../../common/style/mixin.styl';
-.site_block
-	width 100%
-	transition height .3s
-	_fj(flex-start,,,wrap)
-.site_item
-	width 49%
-	padding 5rpx 5rpx
-	overflow hidden
-	margin-bottom 10rpx
-	_fj(center)
-	&:nth-child(even)
-		margin-left 2%
-.site_item_box
-	_wh(100%, 100%)
-	padding 20rpx 10rpx 10rpx 10rpx
-	background-color rgb(220, 223, 230)
-	border-radius 10rpx
-.title_1
-	_wh(100%, 40rpx)
-	overflow hidden
-	_font(26rpx,40rpx,#303133,500, center)
-.title_2
-	_wh(100%, 40rpx)
-	overflow hidden
-	_font(24rpx,40rpx,#999,500, center)
 .site_checked
 	background-color #fff
 	border 2rpx solid rgba(255, 106, 0, 0.6)