@@ -1,3 +1,26 @@ | |||||
<view class="market"> | <view class="market"> | ||||
商场列表 | |||||
<view class='position'> | |||||
<view><text>西单大悦城</text></view> | |||||
<view> | |||||
<icon class='iconfont icon-dingweib'></icon> | |||||
<text>12.5KM</text> | |||||
<text>北京市西城区西单北大街131号</text> | |||||
</view> | |||||
</view> | |||||
<view class='position'> | |||||
<view><text>西单大悦城</text></view> | |||||
<view> | |||||
<icon class='iconfont icon-dingweib'></icon> | |||||
<text>12.5KM</text> | |||||
<text>北京市西城区西单北大街131号</text> | |||||
</view> | |||||
</view> | |||||
<view class='position'> | |||||
<view><text>西单大悦城</text></view> | |||||
<view> | |||||
<icon class='iconfont icon-dingweib'></icon> | |||||
<text>12.5KM</text> | |||||
<text>北京市西城区西单北大街131号</text> | |||||
</view> | |||||
</view> | |||||
</view> | </view> |
@@ -0,0 +1,32 @@ | |||||
@import '../../app.wxss'; | |||||
.market { | |||||
width: 100%; | |||||
height: 100%; | |||||
background: #f6f6f6; | |||||
position: absolute; | |||||
} | |||||
.position { | |||||
width: 92%; | |||||
height: 132rpx; | |||||
padding: 0 4%; | |||||
display: flex; | |||||
flex-direction: column; | |||||
background: #fff; | |||||
margin-top: 1px; | |||||
padding-top: 20rpx; | |||||
} | |||||
.position view:nth-child(1) text { | |||||
font-size: 30rpx; | |||||
padding-left: 8rpx; | |||||
} | |||||
.position view:nth-child(2) icon{ | |||||
color: #C0C0C0; | |||||
} | |||||
.position view:nth-child(2) text{ | |||||
font-size: 22rpx; | |||||
color: #C0C0C0; | |||||
padding: 0 2.7% 0 1.3%; | |||||
} | |||||
.position view:nth-child(2) text:nth-child(3) { | |||||
color: #585858; | |||||
} |