|
@@ -1,375 +1,422 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
- <view @click="showShopOtions = true" class="head-shop" v-if="shopDetail.storename" hover-class="navigator-hover">
|
|
|
- <view class="head-shop-name">
|
|
|
- {{ shopDetail.storename }} <text class="iconfont icon-a-wodetiaozhuan" />
|
|
|
- </view>
|
|
|
- <view class="head-shop-distance">
|
|
|
- 距您{{ shopDetail.distance }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <slideshow ref="indexTop" />
|
|
|
- <apps ref="apps" />
|
|
|
+ <view>
|
|
|
+ <view
|
|
|
+ @click="showShopOtions = true"
|
|
|
+ class="head-shop"
|
|
|
+ v-if="shopDetail.storename"
|
|
|
+ hover-class="navigator-hover"
|
|
|
+ >
|
|
|
+ <view class="head-shop-name">
|
|
|
+ {{ shopDetail.storename }}
|
|
|
+ <text class="iconfont icon-a-wodetiaozhuan" />
|
|
|
+ </view>
|
|
|
+ <view class="head-shop-distance"> 距您{{ shopDetail.distance }} </view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="shop" v-if="shopDetail.storename">
|
|
|
- <u-image v-if="shopDetail.cover" :src="shopDetail.cover" @click="previewImg(shopDetail.cover)" :lazy-load="true"
|
|
|
- :width="tovw(335)" :height="tovw(134)" radius="8" />
|
|
|
- <view class="head" :style="{ marginTop: shopDetail.cover ? tovw(10) : '' }">
|
|
|
- <view class="text">
|
|
|
- 当前服务导购
|
|
|
- </view>
|
|
|
- <view class="icons">
|
|
|
- <view class="icon-box" hover-class="navigator-hover" @click="goAtOnce">
|
|
|
- <text class="iconfont icon-dizhi-hui" />
|
|
|
- </view>
|
|
|
- <view v-if="shopDetail.phonenumber" class="icon-box" hover-class="navigator-hover"
|
|
|
- @click="callPhone(shopDetail.phonenumber)">
|
|
|
- <text class="iconfont icon-dianhua" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="user">
|
|
|
- <view class="headpic">
|
|
|
- <image v-if="shopDetail.headpic" class="image" :src="shopDetail.headpic" mode="aspectFill" lazy-load />
|
|
|
- <image v-else class="image"
|
|
|
- src="https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202406011717209838416B6150695f.webp"
|
|
|
- mode="aspectFill" lazy-load />
|
|
|
- </view>
|
|
|
- <view class="introduce">
|
|
|
- <view class="name u-line-1">
|
|
|
- {{ shopDetail.name || '--' }}
|
|
|
- </view>
|
|
|
- <view class="shop-name u-line-1">
|
|
|
- {{ shopDetail.storename || '--' }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="bottom">
|
|
|
- <text class="iconfont icon-dizhi-hui" /> {{ getCity(shopDetail) }}
|
|
|
- </view>
|
|
|
+ <slideshow ref="indexTop" />
|
|
|
+ <apps ref="apps" />
|
|
|
+
|
|
|
+ <view class="shop" v-if="shopDetail.storename">
|
|
|
+ <u-image
|
|
|
+ v-if="shopDetail.cover"
|
|
|
+ :src="shopDetail.cover"
|
|
|
+ @click="previewImg(shopDetail.cover)"
|
|
|
+ :lazy-load="true"
|
|
|
+ :width="tovw(335)"
|
|
|
+ :height="tovw(134)"
|
|
|
+ radius="8"
|
|
|
+ />
|
|
|
+ <view
|
|
|
+ class="head"
|
|
|
+ :style="{ marginTop: shopDetail.cover ? tovw(10) : '' }"
|
|
|
+ >
|
|
|
+ <view class="text"> 当前服务导购 </view>
|
|
|
+ <view class="icons">
|
|
|
+ <view
|
|
|
+ class="icon-box"
|
|
|
+ hover-class="navigator-hover"
|
|
|
+ @click="goAtOnce"
|
|
|
+ >
|
|
|
+ <text class="iconfont icon-dizhi-hui" />
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ v-if="shopDetail.phonenumber"
|
|
|
+ class="icon-box"
|
|
|
+ hover-class="navigator-hover"
|
|
|
+ @click="callPhone(shopDetail.phonenumber)"
|
|
|
+ >
|
|
|
+ <text class="iconfont icon-dianhua" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
+ </view>
|
|
|
+ <view class="user">
|
|
|
+ <view class="headpic">
|
|
|
+ <image
|
|
|
+ v-if="shopDetail.headpic"
|
|
|
+ class="image"
|
|
|
+ :src="shopDetail.headpic"
|
|
|
+ mode="aspectFill"
|
|
|
+ lazy-load
|
|
|
+ />
|
|
|
+ <image
|
|
|
+ v-else
|
|
|
+ class="image"
|
|
|
+ src="https://yossys06593.obs.cn-east-3.myhuaweicloud.com:443/202406011717209838416B6150695f.webp"
|
|
|
+ mode="aspectFill"
|
|
|
+ lazy-load
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ <view class="introduce">
|
|
|
+ <view class="name u-line-1">
|
|
|
+ {{ shopDetail.name || "--" }}
|
|
|
+ </view>
|
|
|
+ <view class="shop-name u-line-1">
|
|
|
+ {{ shopDetail.storename || "--" }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="bottom">
|
|
|
+ <text class="iconfont icon-dizhi-hui" /> {{ getCity(shopDetail) }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
- <slideshow ref="indexBottom" />
|
|
|
- <floatBut isSlot>
|
|
|
- <contact>
|
|
|
- <view class="contact">
|
|
|
- <view class="iconfont icon-kefu" />
|
|
|
- <view class="text">
|
|
|
- 客服
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </contact>
|
|
|
- </floatBut>
|
|
|
- <view style="height: 80px;" />
|
|
|
- <u-popup :show="showShopOtions" :round="8" @close="showShopOtions = false">
|
|
|
- <view class="popup-box">
|
|
|
- <view class="popup-row" style="color: #666666;font-size: 14px;">
|
|
|
- 门店定位
|
|
|
- </view>
|
|
|
-
|
|
|
- <scroll-view :style="{ maxHeight: tovw(200) }" class="scroll-view" scroll-y>
|
|
|
- <view class="popup-row" v-for="item in storeList " :key="item.sa_storeid" hover-class="navigator-hover"
|
|
|
- :style="{
|
|
|
- color: item.sa_storeid == shopDetail.sa_storeid ? '#C30D23' : ''
|
|
|
- }" @click="changeStore(item)">
|
|
|
- {{ item.storename }}
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
+ <slideshow ref="indexBottom" />
|
|
|
+ <floatBut isSlot>
|
|
|
+ <contact>
|
|
|
+ <view class="contact">
|
|
|
+ <view class="iconfont icon-kefu" />
|
|
|
+ <view class="text"> 客服 </view>
|
|
|
+ </view>
|
|
|
+ </contact>
|
|
|
+ </floatBut>
|
|
|
+ <view style="height: 80px" />
|
|
|
+ <u-popup :show="showShopOtions" :round="8" @close="showShopOtions = false">
|
|
|
+ <view class="popup-box">
|
|
|
+ <view class="popup-row" style="color: #666666; font-size: 14px">
|
|
|
+ 门店定位
|
|
|
+ </view>
|
|
|
|
|
|
- <navigator @click="showShopOtions = false" class="popup-row" url="/packageA/shop/history"
|
|
|
- hover-class="navigator-hover" open-type="navigate">
|
|
|
- 历史足迹
|
|
|
- </navigator>
|
|
|
- <view class="popup-row" hover-class="navigator-hover" @click="getLocaT">
|
|
|
- <u-loading-icon v-if="getLocationLoading" />
|
|
|
- <text v-else>
|
|
|
- 重新定位
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-popup>
|
|
|
- </view>
|
|
|
+ <scroll-view
|
|
|
+ :style="{ maxHeight: tovw(200) }"
|
|
|
+ class="scroll-view"
|
|
|
+ scroll-y
|
|
|
+ >
|
|
|
+ <view
|
|
|
+ class="popup-row"
|
|
|
+ v-for="item in storeList"
|
|
|
+ :key="item.sa_storeid"
|
|
|
+ hover-class="navigator-hover"
|
|
|
+ :style="{
|
|
|
+ color: item.sa_storeid == shopDetail.sa_storeid ? '#C30D23' : '',
|
|
|
+ }"
|
|
|
+ @click="changeStore(item)"
|
|
|
+ >
|
|
|
+ {{ item.storename }}
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+
|
|
|
+ <navigator
|
|
|
+ @click="showShopOtions = false"
|
|
|
+ class="popup-row"
|
|
|
+ url="/packageA/shop/history"
|
|
|
+ hover-class="navigator-hover"
|
|
|
+ open-type="navigate"
|
|
|
+ >
|
|
|
+ 历史足迹
|
|
|
+ </navigator>
|
|
|
+ <view class="popup-row" hover-class="navigator-hover" @click="getLocaT">
|
|
|
+ <u-loading-icon v-if="getLocationLoading" />
|
|
|
+ <text v-else> 重新定位 </text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { viewImage } from "../../../utils/settleFiles"
|
|
|
-import contact from "../../../components/contact"
|
|
|
-import apps from "./modules/apps"
|
|
|
+import { viewImage } from "../../../utils/settleFiles";
|
|
|
+import contact from "../../../components/contact";
|
|
|
+import apps from "./modules/apps";
|
|
|
export default {
|
|
|
- components: { contact, apps },
|
|
|
- props: {
|
|
|
- sa_storeid: {
|
|
|
- type: [Number, String],
|
|
|
- default: 0
|
|
|
- }
|
|
|
+ components: { contact, apps },
|
|
|
+ props: {
|
|
|
+ sa_storeid: {
|
|
|
+ type: [Number, String],
|
|
|
+ default: 0,
|
|
|
},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- updatePage: true,
|
|
|
- shopDetail: {
|
|
|
- storename: "",
|
|
|
- distance: ""
|
|
|
- },
|
|
|
- showShopOtions: false,
|
|
|
- getLocationLoading: true,
|
|
|
- storeList: [],
|
|
|
- changeShop: false,
|
|
|
- }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ updatePage: true,
|
|
|
+ shopDetail: {
|
|
|
+ storename: "",
|
|
|
+ distance: "",
|
|
|
+ },
|
|
|
+ showShopOtions: false,
|
|
|
+ getLocationLoading: true,
|
|
|
+ storeList: [],
|
|
|
+ changeShop: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ shopDetail: function (newVal) {
|
|
|
+ if (newVal) {
|
|
|
+ uni.removeStorageSync("shop");
|
|
|
+ uni.setStorageSync("shop", newVal);
|
|
|
+ } else {
|
|
|
+ }
|
|
|
},
|
|
|
- watch: {
|
|
|
- shopDetail: function (newVal) {
|
|
|
- if (newVal) {
|
|
|
- uni.removeStorageSync('shop');
|
|
|
- uni.setStorageSync('shop', newVal)
|
|
|
- } else {
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init(callBack) {
|
|
|
+ this.$refs.apps.init();
|
|
|
+ Promise.all([
|
|
|
+ this.getLocaT(),
|
|
|
+ this.$refs.indexTop.getBanners(["indexTop"]),
|
|
|
+ this.$refs.indexBottom.getBanners(["indexBottom"]),
|
|
|
+ ]).then((res) => {
|
|
|
+ callBack();
|
|
|
+ this.updatePage = false;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$Http.changeShop = function (item) {
|
|
|
+ this.shopDetail = item;
|
|
|
+ this.changeShop = true;
|
|
|
+ uni.navigateBack();
|
|
|
+ uni.showToast({
|
|
|
+ title: "切换门店成功",
|
|
|
+ icon: "none",
|
|
|
+ duration: 2000,
|
|
|
+ });
|
|
|
+ }.bind(this);
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ callBack();
|
|
|
+ }, 5000);
|
|
|
+ },
|
|
|
+ previewImg(url) {
|
|
|
+ viewImage(url);
|
|
|
},
|
|
|
- methods: {
|
|
|
- init(callBack) {
|
|
|
- this.$refs.apps.init();
|
|
|
- Promise.all([this.getLocaT(), this.$refs.indexTop.getBanners(['indexTop']), this.$refs.indexBottom.getBanners(['indexBottom'])]).then(res => {
|
|
|
- callBack()
|
|
|
- this.updatePage = false;
|
|
|
+ changeStore(item) {
|
|
|
+ this.shopDetail = item;
|
|
|
+ this.showShopOtions = false;
|
|
|
+ },
|
|
|
+ getLocaT() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ if (this.changeShop) return resolve();
|
|
|
+ this.getLocationLoading = true;
|
|
|
+ this.getLocation().then((s) => {
|
|
|
+ console.log("获取地理位置信息", s);
|
|
|
+ //"sa storeid":3
|
|
|
+ let content = {
|
|
|
+ longitude: s ? s.longitude : "",
|
|
|
+ latitude: s ? s.latitude : "",
|
|
|
+ date: Date.now(),
|
|
|
+ };
|
|
|
+ if (this.sa_storeid) content.sa_storeid = this.sa_storeid;
|
|
|
+ this.$Http
|
|
|
+ .basic({
|
|
|
+ id: 20240416153202,
|
|
|
+ content,
|
|
|
})
|
|
|
-
|
|
|
- this.$Http.changeShop = function (item) {
|
|
|
- this.shopDetail = item;
|
|
|
- this.changeShop = true;
|
|
|
- uni.navigateBack()
|
|
|
- uni.showToast({
|
|
|
- title: "切换门店成功",
|
|
|
- icon: "none",
|
|
|
- duration: 2000,
|
|
|
- })
|
|
|
- }.bind(this)
|
|
|
-
|
|
|
-
|
|
|
- setTimeout(() => {
|
|
|
- callBack()
|
|
|
- }, 5000);
|
|
|
- },
|
|
|
- previewImg(url) {
|
|
|
- viewImage(url)
|
|
|
- },
|
|
|
- changeStore(item) {
|
|
|
- this.shopDetail = item;
|
|
|
- this.showShopOtions = false;
|
|
|
+ .then((res) => {
|
|
|
+ resolve();
|
|
|
+ this.getLocationLoading = false;
|
|
|
+ this.showShopOtions = false;
|
|
|
+ this.changeShop = false;
|
|
|
+ console.log("获取最近门店信息", res);
|
|
|
+ if (this.cutoff(res.msg)) return;
|
|
|
+ if (res.data.length) {
|
|
|
+ let list = res.data.map((v) => {
|
|
|
+ v.cover = v.attinfos.length
|
|
|
+ ? this.getSpecifiedImage(v.attinfos[0])
|
|
|
+ : uni.getStorageSync("site").logo || "";
|
|
|
+ v.distance =
|
|
|
+ v.distance > 1000
|
|
|
+ ? (v.distance / 1000).toFixed(2) - 0 + "km"
|
|
|
+ : v.distance.toFixed(2) - 0 + "m";
|
|
|
+ return v;
|
|
|
+ });
|
|
|
+ this.shopDetail = list[0];
|
|
|
+ this.storeList = list;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goAtOnce() {
|
|
|
+ uni.openLocation({
|
|
|
+ latitude: this.shopDetail.latitude - 0,
|
|
|
+ longitude: this.shopDetail.longitude - 0,
|
|
|
+ address: this.shopDetail.address,
|
|
|
+ name: this.shopDetail.storename,
|
|
|
+ success: function () {
|
|
|
+ console.log("success");
|
|
|
},
|
|
|
- getLocaT() {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- if (this.changeShop) return resolve();
|
|
|
- this.getLocationLoading = true;
|
|
|
- this.getLocation().then(s => {
|
|
|
- console.log("获取地理位置信息", s)
|
|
|
- //"sa storeid":3
|
|
|
- let content = {
|
|
|
- "longitude": s ? s.longitude : '',
|
|
|
- "latitude": s ? s.latitude : '',
|
|
|
- date: Date.now()
|
|
|
- };
|
|
|
- if (this.sa_storeid) content.sa_storeid = this.sa_storeid;
|
|
|
- this.$Http.basic({
|
|
|
- "id": 20240416153202,
|
|
|
- content
|
|
|
- }).then(res => {
|
|
|
- resolve()
|
|
|
- this.getLocationLoading = false;
|
|
|
- this.showShopOtions = false;
|
|
|
- this.changeShop = false;
|
|
|
- console.log("获取最近门店信息", res)
|
|
|
- if (this.cutoff(res.msg)) return;
|
|
|
- if (res.data.length) {
|
|
|
- let list = res.data.map(v => {
|
|
|
- v.cover = v.attinfos.length ? this.getSpecifiedImage(v.attinfos[0]) : uni.getStorageSync('site').logo || '';
|
|
|
- v.distance = v.distance > 1000 ? ((v.distance / 1000).toFixed(2) - 0) + 'km' : ((v.distance).toFixed(2) - 0) + 'm';
|
|
|
- return v
|
|
|
- })
|
|
|
- this.shopDetail = list[0];
|
|
|
- this.storeList = list;
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
+ fail: (fail) => {
|
|
|
+ console.log("fail", fail);
|
|
|
},
|
|
|
- goAtOnce() {
|
|
|
- uni.openLocation({
|
|
|
- latitude: this.shopDetail.latitude - 0,
|
|
|
- longitude: this.shopDetail.longitude - 0,
|
|
|
- address: this.shopDetail.address,
|
|
|
- name: this.shopDetail.storename,
|
|
|
- success: function () {
|
|
|
- console.log('success');
|
|
|
- },
|
|
|
- fail: (fail) => {
|
|
|
- console.log('fail', fail)
|
|
|
- },
|
|
|
- });
|
|
|
- }
|
|
|
+ });
|
|
|
},
|
|
|
-}
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.head-shop {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100vw;
|
|
|
+ height: 45px;
|
|
|
+ background: #f7f7f7;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ &-name {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-distance {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.shop {
|
|
|
+ padding: 10px;
|
|
|
+ width: 355px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin: 0 auto 10px;
|
|
|
+
|
|
|
+ .head {
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- width: 100vw;
|
|
|
- height: 45px;
|
|
|
- background: #F7F7F7;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- &-name {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-size: 14px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+ align-items: center;
|
|
|
+ height: 32px;
|
|
|
|
|
|
- &-distance {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-size: 12px;
|
|
|
- color: #666666;
|
|
|
+ .text {
|
|
|
+ font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
|
|
|
-}
|
|
|
+ .icons {
|
|
|
+ display: flex;
|
|
|
|
|
|
-.shop {
|
|
|
- padding: 10px;
|
|
|
- width: 355px;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 8px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin: 0 auto 10px;
|
|
|
-
|
|
|
- .head {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
+ .icon-box {
|
|
|
+ width: 32px;
|
|
|
height: 32px;
|
|
|
+ background: #f2f2f2;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 50%;
|
|
|
|
|
|
- .text {
|
|
|
- font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
-
|
|
|
- .icons {
|
|
|
- display: flex;
|
|
|
-
|
|
|
- .icon-box {
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- background: #F2F2F2;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- margin-left: 10px;
|
|
|
- border-radius: 50%;
|
|
|
-
|
|
|
- .iconfont {
|
|
|
- font-size: 14px;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
+ .iconfont {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
+ .user {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 8px;
|
|
|
|
|
|
- .user {
|
|
|
- display: flex;
|
|
|
- margin-top: 8px;
|
|
|
-
|
|
|
- .headpic {
|
|
|
- width: 44px;
|
|
|
- height: 44px;
|
|
|
+ .headpic {
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
|
|
|
- .image {
|
|
|
- width: 44px;
|
|
|
- height: 44px;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .introduce {
|
|
|
- margin-left: 10px;
|
|
|
+ .image {
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .name {
|
|
|
- line-height: 20px;
|
|
|
- font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+ .introduce {
|
|
|
+ margin-left: 10px;
|
|
|
|
|
|
- .shop-name {
|
|
|
- line-height: 17px;
|
|
|
- font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
- font-size: 12px;
|
|
|
- color: #999999;
|
|
|
- margin-top: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .name {
|
|
|
+ line-height: 20px;
|
|
|
+ font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
- .bottom {
|
|
|
- width: 100%;
|
|
|
- height: 24px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-top: 7px;
|
|
|
- border-top: 1px solid #DDDDDD;
|
|
|
+ .shop-name {
|
|
|
+ line-height: 17px;
|
|
|
font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
font-size: 12px;
|
|
|
color: #999999;
|
|
|
- margin-top: 15px;
|
|
|
-
|
|
|
- .iconfont {
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
+ margin-top: 4px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
+ }
|
|
|
|
|
|
-.contact {
|
|
|
- background: #EDD27E;
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border-radius: 50%;
|
|
|
- padding-top: 6px;
|
|
|
+ .bottom {
|
|
|
+ width: 100%;
|
|
|
+ height: 24px;
|
|
|
box-sizing: border-box;
|
|
|
+ padding-top: 7px;
|
|
|
+ border-top: 1px solid #dddddd;
|
|
|
+ font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999999;
|
|
|
+ margin-top: 15px;
|
|
|
|
|
|
.iconfont {
|
|
|
- color: #433300;
|
|
|
- font-size: 20px;
|
|
|
- line-height: 20px;
|
|
|
-
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
- .text {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-size: 12px;
|
|
|
- color: #5D4808;
|
|
|
- line-height: 17px;
|
|
|
- }
|
|
|
+.contact {
|
|
|
+ background: #edd27e;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border-radius: 50%;
|
|
|
+ padding-top: 6px;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .iconfont {
|
|
|
+ color: #433300;
|
|
|
+ font-size: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #5d4808;
|
|
|
+ line-height: 17px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.popup-box {
|
|
|
- border-radius: 8px 8px 0 0;
|
|
|
- overflow: hidden;
|
|
|
+ border-radius: 8px 8px 0 0;
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
- .popup-row {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 100vw;
|
|
|
- height: 50px;
|
|
|
- background: #FFFFFF;
|
|
|
- border-bottom: 0.5px solid #ddd;
|
|
|
- font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+ .popup-row {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100vw;
|
|
|
+ height: 50px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-bottom: 0.5px solid #ddd;
|
|
|
+ font-family: Source Han Sans SC, Source Han Sans SC;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|