|
@@ -24,9 +24,9 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="content">
|
|
|
- <view style="margin: 26rpx 32rpx 0">
|
|
|
+ <!-- <view style="margin: 26rpx 32rpx 0">
|
|
|
<nearly-store-box></nearly-store-box>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<view class="toolBox">
|
|
|
<view class="title"> 常用工具 </view>
|
|
|
|
|
@@ -49,6 +49,24 @@
|
|
|
</wd-cell>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="addressBox">
|
|
|
+ <view class="title"> 附近门店 </view>
|
|
|
+ <view>
|
|
|
+ <view v-for="(item, index) in list2" :key="index" class="address">
|
|
|
+ <view class="left">
|
|
|
+ <text class="a">{{ item.title }}</text>
|
|
|
+ <text class="b">{{ item.label }}</text>
|
|
|
+ <text class="c">{{ item.content }}</text>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ @click="toLink(item)"
|
|
|
+ src="https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/loca.png"
|
|
|
+ mode="scaleToFill"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<user-login-popup
|
|
@@ -91,6 +109,21 @@ const list = [
|
|
|
},
|
|
|
];
|
|
|
|
|
|
+const list2 = [
|
|
|
+ {
|
|
|
+ title: "连先生便利店",
|
|
|
+ label: "距离您88m",
|
|
|
+ content: "麓枫和苑6栋一单元",
|
|
|
+ src: "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/address1.png",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "转角手作町",
|
|
|
+ label: "距离您126m",
|
|
|
+ content: "后湖创业园内",
|
|
|
+ src: "https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/address2.png",
|
|
|
+ },
|
|
|
+];
|
|
|
+
|
|
|
const navTop = ref<number>(0);
|
|
|
const loginRef = <any>ref(null);
|
|
|
const path = ref<string>("");
|
|
@@ -125,16 +158,19 @@ const onLogin = async (e: any) => {
|
|
|
if (!isGetPhone()) {
|
|
|
loginRef.value.show = true;
|
|
|
}
|
|
|
- // setTimeout(() => {
|
|
|
- // mobile.value = uni.getStorageSync("phone");
|
|
|
- // console.log("--------------------", mobile.value);
|
|
|
- // }, 2000);
|
|
|
- // const data = await getMobile(e.detail.code, "");
|
|
|
- // console.log(data);
|
|
|
};
|
|
|
const getPhone = (res: string) => {
|
|
|
mobile.value = res;
|
|
|
};
|
|
|
+
|
|
|
+const toLink = (data: any) => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url:
|
|
|
+ "/pages/my/location" +
|
|
|
+ `?title=${data.title}&label=${data.label}&content=${data.content}&src=${data.src}`,
|
|
|
+ });
|
|
|
+};
|
|
|
+
|
|
|
onLoad(() => {
|
|
|
navTop.value = getNavTop();
|
|
|
});
|
|
@@ -161,7 +197,7 @@ onShow(() => {
|
|
|
.myContent {
|
|
|
font-family: PingFang SC;
|
|
|
width: 100%;
|
|
|
- height: 100vh;
|
|
|
+ min-height: 100vh;
|
|
|
background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/myBg.png")
|
|
|
no-repeat top center;
|
|
|
background-size: 100% 452rpx;
|
|
@@ -263,18 +299,19 @@ onShow(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .title {
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding: 24rpx 0 22rpx 24rpx;
|
|
|
+ }
|
|
|
.toolBox {
|
|
|
margin: 26rpx 32rpx 0;
|
|
|
background: #fff;
|
|
|
border-radius: 16rpx;
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
- .title {
|
|
|
- color: #000;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 24rpx 0 22rpx 24rpx;
|
|
|
- }
|
|
|
+
|
|
|
image {
|
|
|
height: 48rpx;
|
|
|
width: 48rpx;
|
|
@@ -301,5 +338,49 @@ onShow(() => {
|
|
|
// margin-top: 5rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .addressBox {
|
|
|
+ margin: 26rpx 32rpx 0;
|
|
|
+ background: #fff;
|
|
|
+ padding: 26rpx 32rpx;
|
|
|
+ border-radius: 24rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ padding: 0;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
+ }
|
|
|
+ .address {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding-bottom: 16rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ border-bottom: 2rpx solid #bfc8db80;
|
|
|
+ &:last-child {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .left {
|
|
|
+ color: #666;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 28rpx;
|
|
|
+ > text {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .a {
|
|
|
+ color: #337b52;
|
|
|
+ }
|
|
|
+ .b {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .c {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ image {
|
|
|
+ width: 84rpx;
|
|
|
+ height: 90rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|