Quellcode durchsuchen

fix: 样式修改

elis vor 1 Jahr
Ursprung
Commit
3b6e08aa70

+ 20 - 1
nnzwminiapp/pagesPublic/pages/tdcr/details/detail.js

@@ -18,7 +18,26 @@ Page({
     }, {
       label: '其他地块',
     }],
-    tabActive: 1,
+	tabActive: 1,
+	peripherytabs:[{
+		label:'交通'
+	},
+	{
+		label:'医疗'
+	},
+	{
+		label:'生话'
+	},
+	{
+		label:'购物'
+	},
+	{
+		label:'美食'
+	},
+	{
+		label:'娱乐'
+	}
+]
   },
 
   /**

+ 43 - 1
nnzwminiapp/pagesPublic/pages/tdcr/details/wxml/ohter.wxss

@@ -1,4 +1,46 @@
-.ohter_bg{
+.ohter_bg {
 	width: 100%;
 	height: 100%;
+}
+
+.ohter_sc {
+	width: 95%;
+	margin: 0 auto;
+}
+
+.ohter_item_bg {
+	width: 100%;
+	height: 200rpx;
+	display: flex;
+	background-repeat: no-repeat; background-size: 100% 100%;
+}
+
+.ohter_item_imge_bg {
+	width: 35%;
+	height: 200rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.ohter_item_imge {
+	display: block;
+	width: 200rpx;
+	height: 160rpx;
+	border-radius: 10rpx;
+}
+.ohter-left{
+	width: 65%; padding-left: 10rpx; height: 100%; 
+}
+.ohter-left-top{
+	height: 50%; font-size: 28rpx;font-weight: bold; color: #fff;    line-height: 60rpx;
+}
+.ohter-left-bottom{
+	height: 50%; font-size: 20rpx; 
+}
+.ohter_gymj_h{
+	height: 50%;  display: flex;
+}
+.ohter_jhgdyt_h{
+	height: 50%; line-height: 30rpx; display: flex;
 }

+ 15 - 10
nnzwminiapp/pagesPublic/pages/tdcr/details/wxml/other.wxml

@@ -1,17 +1,22 @@
 <view class="ohter_bg">
-	<scroll-view style="width: 95%; margin: 0 auto;">
-		<view style="width: 100%; height: 200rpx;  display: flex; background-image: url({{imgPath}}/details/content-bg.png); background-repeat: no-repeat; background-size: 100% 100%;">
-			<view style="width: 35%; ">
+	<scroll-view class="ohter_sc">
+		<view wx:for="i in 20" class="ohter_item_bg" style="background-image: url('{{imgPath}}/other/ohter1.png'); ">
+			<view class="ohter_item_imge_bg" >
+				<image class="ohter_item_imge"  src="{{imgPath}}other/tp1.jpg"></image>
 			</view>
-			<view style="width: 65%; padding-left: 30rpx; height: 100%; ">
-				<view style="height: 50%; font-size: 30rpx;font-weight: bold; color: #fff;    line-height: 60rpx;">上分杀死你</view>
-				<view style="height: 50%; font-size: 20rpx; ">
-					<view style="height: 50%; line-height: 40rpx; display: flex;">
-						<view></view>
+			<view class="ohter-left">
+				<view class="ohter-left-top">双峰山1号地块</view>
+				<view class="ohter-left-bottom">
+					<view class="ohter_gymj_h">
+						<view style="width: 40rpx; height: 25rpx;">
+							<image style="display: block; width: 25rpx; height: 25rpx;" src="{{imgPath}}/other/ohter2.png"></image>
+						</view>
 						<view style="color: #fff; font-size: 25rpx; font-weight: bold;">供应面积/26亩</view>
 					</view>
-					<view style="height: 50%; line-height: 30rpx; display: flex;">
-						<view></view>
+					<view class="ohter_jhgdyt_h" >
+						<view style="width: 40rpx; height: 25rpx;">
+							<image style="display: block; width: 25rpx; height: 25rpx;" src="{{imgPath}}/other/ohter3.png"></image>
+						</view>
 						<view style="color: #fff; font-size: 25rpx; font-weight: bold;">计划供地用途</view>
 						<view style="margin-left: 10rpx; height: 30rpx; border:solid 1rpx #00FFFF; color: #00FFFF; border-radius: 10rpx;">居住用地</view>
 					</view>

+ 6 - 9
nnzwminiapp/pagesPublic/pages/tdcr/details/wxml/periphery.wxml

@@ -1,15 +1,12 @@
 <view class="ppy-bg">
-	<view class="ppy_top" >
-		<view class="ppy_item" >交通</view>
-		<view class="ppy_item" >医疗</view>
-		<view class="ppy_item" >生话</view>
-		<view class="ppy_item" >购物</view>
-		<view class="ppy_item" >美食</view>
-		<view class="ppy_item" >娱乐</view>
+	<view class="ppy_top">
+		<view wx:for="{{peripherytabs}}" class="ppy_item">{{item.label}}</view>
 	</view>
 	<view class="ppy-body">
-		<view wx:for="i in 20" class="ppy-body-item">
-			<view style="width: 50rpx;height: 50rpx;"></view>
+		<view wx:for="i in 12312320" class="ppy-body-item">
+			<view style="width: 50rpx;height: 50rpx; display: flex; align-items: center;justify-content: center;">
+				<image style="display: block; width: 30rpx; height: 30rpx;" src="{{imgPath}}/other/ohter3.png"></image>
+			</view>
 			<view style="width: 55%; text-align: left;">武警重庆总队医院</view>
 			<view style="width: 35%; text-align: right;">直线0.5km</view>
 		</view>