小程序适配

pageConsumables/index.vue

@@ -20,8 +20,8 @@
 		<view :style="{height: '14px'}"></view>
 	</view>
 
-	<ul class="ConsumablesConent" v-if="datas.list.length">
-		<li v-for="(item,index) in datas.list" :key="index">
+	<view class="ConsumablesConent" v-if="datas.list.length">
+		<view v-for="(item,index) in datas.list" :key="index">
 			<view>
 				{{item.conName}}
 				<view> {{item.conTypeName}} </view>
@@ -49,14 +49,14 @@
 					所属商品: {{ filtersSproductId(item.productId)}}
 				</view>
 				<view class="">
-					<up-button type="primary" color="#999" @tap="toUrl('PAGES_VIEWRECORDS',{item:JSON.stringify(item)})"
-						:plain="true" text="查看记录"></up-button>
-					<up-button type="primary" @click="toggle(item)" :plain="true" text="更多操作"></up-button>
+					<up-button shape="circle" type="primary" size="mini"   color="#999" @tap="toUrl('PAGES_VIEWRECORDS',{item:JSON.stringify(item)})"
+						:plain="true" text="查看记录"></up-button>&nbsp;&nbsp;
+					<up-button type="primary"    shape="circle" size="mini"  @click="toggle(item)" :plain="true" text="更多操作"></up-button>
 				</view>
 			</view>
-		</li>
-		<li style="background-color: rgba(0,0,0,0); height: 200rpx;"></li>
-	</ul>
+		</view>
+		<view style="background-color: rgba(0,0,0,0); height: 200rpx;"></view>
+	</view>
 	<view v-else style="text-align: center;">
 		<image src="./bg.png" style="width: 325rpx;height: 335rpx;" mode=""></image>
 		<view style="font-size: 28rpx;color: #999;">暂无数据</view>
@@ -254,12 +254,14 @@
 		go.to(url, d)
 	}
 </script>
-
-<style scoped lang="less">
+<style>
 	page {
 		background-color: #f9f9f9;
 	}
-
+	
+</style>
+<style scoped lang="less">
+	
 	ul,
 	li {
 		list-style: none;
@@ -308,7 +310,7 @@
 		background-color: #f9f9f9;
 		padding-top: 1rpx;
 
-		>li {
+		>view {
 			width: 694rpx;
 			height: 332rpx;
 			background: #FFFFFF;
@@ -369,7 +371,7 @@
 						width: 128rpx;
 						height: 48rpx;
 						background: #FFFFFF;
-						border-radius: 28rpx 28rpx 28rpx 28rpx;
+						// border-radius: 28rpx 28rpx 28rpx 28rpx;
 					}
 
 					>button:last-child {
@@ -426,7 +428,7 @@
 		}
 
 		.operate {
-			>li {
+			>view {
 				height: 88rpx;
 				line-height: 88rpx;
 				text-align: center;