You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
jiansheng/pages/mendainlist/mendainlist.vue

103 lines
1.8 KiB

<template>
<view>
<image src="@/static/bg.png" mode="" style="width: 100%;height: 928rpx;"></image>
<view class="top" @click="previous">
<view class="xuzou">
<uni-icons type="left" size="18"></uni-icons>
<text class="title">门店列表</text>
</view>
</view>
<view class="mendian">
<view class="mddz" v-for="(item,index) in 5">
<view class="mddz1">
<image class="mddz1img" src="@/static/uni.png" mode=""></image>
<view class="mddz1wz">运动湾24小时自助健身(置地大厦店)</view>
</view>
<view class="mddz2">
<image class="mddz1img1" src="@/static/定位1.png" mode=""></image>
<text class="dz">地址:徐州云龙区置地大厦116号</text>
<image class="mddz1img2" src="@/static/电话o.png" mode=""></image>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
previous(){
uni.navigateBack()
},
}
}
</script>
<style scoped>
.top {
display: flex;
position: absolute;
top: 96rpx;
left: 20rpx;
}
.title{
padding-left: 14rpx;
}
.mddz1img2 {
width: 44rpx;
height: 44rpx;
float: right;
}
.mddz2 {
margin-top: 32rpx;
}
.dz {
margin-left: 17rpx;
}
.mddz1img1 {
width: 22rpx;
height: 27rpx;
}
.mddz1 {
display: flex;
}
.mddz1img {
width: 60rpx;
height: 60rpx;
}
.mddz1wz {
font-family: PingFang SC;
font-weight: bold;
font-size: 30rpx;
color: #222222;
margin-left: 21rpx;
margin-top: 12rpx;
}
.mddz {
width: 680rpx;
height: 152rpx;
background: #FFFFFF;
box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(19, 14, 4, 0.08);
border-radius: 20rpx;
margin-top: 24rpx;
padding: 20rpx 17rpx;
}
.mendian{
position: absolute;
top: 152rpx;
left: 24rpx;
}
</style>