|
@@ -1,6 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<view class="container">
|
|
<view class="container">
|
|
-
|
|
|
|
|
|
+ <view class="view-alert" v-if="showHint">
|
|
|
|
+ <view class="alert-text">
|
|
|
|
+ 点击右上角按钮,然后在弹出的菜单中,点击在浏览器中打开。
|
|
|
|
+ </view>
|
|
|
|
+ <image class="alert-arrow" src="../static/alert-arrow.png" mode="aspectFit"></image>
|
|
|
|
+ </view>
|
|
<view class="product">
|
|
<view class="product">
|
|
<view class="u-bg-fff pb40">
|
|
<view class="u-bg-fff pb40">
|
|
<view class="pic">
|
|
<view class="pic">
|
|
@@ -47,7 +52,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="mt80 u-plr30">
|
|
|
|
|
|
+ <view class="mt30 u-plr30">
|
|
<view>
|
|
<view>
|
|
<text class="u-font34 u-bold u-1A1A1A">{{ dataForm.title }}</text>
|
|
<text class="u-font34 u-bold u-1A1A1A">{{ dataForm.title }}</text>
|
|
</view>
|
|
</view>
|
|
@@ -83,28 +88,74 @@
|
|
<!-- <view class="iconfont"></view> -->
|
|
<!-- <view class="iconfont"></view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <view class="u-bg-fff u-mt10">
|
|
|
|
+ <view class="tab u-flex-center-sa u-font30 u-1A1A1A u-border-one-one"
|
|
|
|
+ :style="`top: calc(${statusBarHeight}px + 44px)`">
|
|
|
|
+ <view @tap="change(0)" class="pb30" :class="{ active: isChecked == 0 }">商品详情</view>
|
|
|
|
+ <view @tap="change(1)" class="pb30" :class="{ active: isChecked == 1 }">
|
|
|
|
+ 用户评论({{ commentList.length }})</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="u-mt10">
|
|
|
|
+ <!--商品详情-->
|
|
|
|
+ <view v-if="isChecked == 0">
|
|
|
|
+ <view class="richText ql-editor-box">
|
|
|
|
+ <rich-text :nodes="goodsInfo.mobile_detail"></rich-text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!--评论-->
|
|
|
|
+ <view class="u-plr30" v-else>
|
|
|
|
+ <comment :value="commentList"></comment>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="bottom-btn u-bg-fff">
|
|
<view class="bottom-btn u-bg-fff">
|
|
<view class="pt-pb30 u-plr30 u-flex-center-sb">
|
|
<view class="pt-pb30 u-plr30 u-flex-center-sb">
|
|
|
|
+ <view class="leftbox">
|
|
|
|
+ <button @click="handleTip()" class="u-text-center goods-tools">
|
|
|
|
+ <view class="iconfont2 u-font44 u-999"></view>
|
|
|
|
+ <view class="u-font28 u-1A1A1A">分享</view>
|
|
|
|
+ </button>
|
|
|
|
+ <view class="goods-tools service" @click="handleTip()">
|
|
|
|
+ <image src="@/static/kefu.png" mode="aspectFill"></image>
|
|
|
|
+ <view class="u-font28 u-1A1A1A">客服</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="cart" @click="handleTip()">
|
|
|
|
+ <view class="u-text-center goods-tools">
|
|
|
|
+ <view class="iconfont2 car-icon u-font44 u-999"></view>
|
|
|
|
+ <view class="u-font28 u-1A1A1A">购物车</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!--普通商品-->
|
|
<view class="u-flex-center">
|
|
<view class="u-flex-center">
|
|
- <button class="buy-btn u-DCCDA4 u-font30" @click="open(0)">
|
|
|
|
- 查看更多
|
|
|
|
- </button> <button class="buy-btn u-DCCDA4 u-font30" @click="open(1)">
|
|
|
|
- 下载App
|
|
|
|
|
|
+ <button class="cart-btn u-font30" @click="handleTip()" v-if="dataForm.area_feature != 1">
|
|
|
|
+ 加入购物车
|
|
|
|
+ </button>
|
|
|
|
+ <button class="buy-btn u-font30" @click="handleTip()">
|
|
|
|
+ 立即购买
|
|
</button>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
+ <view class="jump-box" @click="openApp">
|
|
|
|
+ <image class="logo-img" src="/static/logo.png" mode="aspectFill"></image>
|
|
|
|
+ <view class="tip">打开宜格服务APP</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
<ldLoading isFullScreen :active="loading"></ldLoading>
|
|
<ldLoading isFullScreen :active="loading"></ldLoading>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import comment from "@/components/ld-comment/ld-comment.vue";
|
|
export default {
|
|
export default {
|
|
- components: {},
|
|
|
|
|
|
+ components: {
|
|
|
|
+ comment
|
|
|
|
+ },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
config: {
|
|
config: {
|
|
@@ -116,6 +167,8 @@
|
|
statusBarFontColor: "#FFFFFF",
|
|
statusBarFontColor: "#FFFFFF",
|
|
backTabPage: "",
|
|
backTabPage: "",
|
|
},
|
|
},
|
|
|
|
+ //手机状态栏高度
|
|
|
|
+ statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
|
|
imglist: [], //详情图片数组
|
|
imglist: [], //详情图片数组
|
|
dataForm: {}, //商品详情
|
|
dataForm: {}, //商品详情
|
|
shop: {}, //店铺信息
|
|
shop: {}, //店铺信息
|
|
@@ -124,6 +177,11 @@
|
|
btnText: "打开App",
|
|
btnText: "打开App",
|
|
time1: [0, 0, 0, 0],
|
|
time1: [0, 0, 0, 0],
|
|
type: null,
|
|
type: null,
|
|
|
|
+ commentList: [],
|
|
|
|
+ isChecked: 0,
|
|
|
|
+ goodsInfo: {},
|
|
|
|
+ timer: null,
|
|
|
|
+ showHint: false,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
props: {
|
|
props: {
|
|
@@ -151,25 +209,100 @@
|
|
if (this.options.type == 4 && this.options.id) {
|
|
if (this.options.type == 4 && this.options.id) {
|
|
this.getserviceDetailInfo(this.options.id);
|
|
this.getserviceDetailInfo(this.options.id);
|
|
}
|
|
}
|
|
|
|
+ this.goodsDetail(this.options.id)
|
|
|
|
+ this.loadComment(this.options.id);
|
|
|
|
+ },
|
|
|
|
+ onShow() {
|
|
|
|
+ document.addEventListener("visibilitychange", function() {
|
|
|
|
+ if (that.timer) {
|
|
|
|
+ that.opening = false
|
|
|
|
+ clearTimeout(that.timer)
|
|
|
|
+ }
|
|
|
|
+ }, false);
|
|
},
|
|
},
|
|
- onShow() {},
|
|
|
|
onLoad(options) {},
|
|
onLoad(options) {},
|
|
|
|
|
|
methods: {
|
|
methods: {
|
|
- open(number) {
|
|
|
|
- if (number == 0) {
|
|
|
|
- window.location.href = "lida://&pageType=1&type=" + this.type + "&id=" + this.goodsId + "&shareId=" + this
|
|
|
|
- .options.shareId + '&teamId=' + this.options.teamId;
|
|
|
|
- } else {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/down",
|
|
|
|
- });
|
|
|
|
|
|
+ openApp() {
|
|
|
|
+ const ua = navigator.userAgent.toLowerCase()
|
|
|
|
+ const isWeixin = ua.indexOf('micromessenger') != -1;
|
|
|
|
+ if(isWeixin){
|
|
|
|
+ this.showHint = isWeixin;
|
|
|
|
+ uni.pageScrollTo({
|
|
|
|
+ scrollTop:0
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+ const osName = uni.getSystemInfoSync().osName
|
|
|
|
+ if (osName == 'android') {
|
|
|
|
+ this.getData(0)
|
|
|
|
+ } else {
|
|
|
|
+ this.getData(1)
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ getData(type) {
|
|
|
|
+ this.$http.get("/app/version/newest", {
|
|
|
|
+ type: type
|
|
|
|
+ }).then((res) => {
|
|
|
|
+ if (res && res.data && res.code == 200) {
|
|
|
|
+ // try {
|
|
|
|
+ // if (type == 0) {
|
|
|
|
+ // window.location = "ygfwUrlSchemes://"
|
|
|
|
+ // }
|
|
|
|
+ // } catch (e) {}
|
|
|
|
+ // window.location.href = res.data.downloadLink;
|
|
|
|
+ this.browserOpenApp(type, res.data.downloadLink)
|
|
|
|
+ } else {
|
|
|
|
+ this.$mUtil.toast("暂无下载地址")
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ browserOpenApp(type, url) {
|
|
|
|
+ let that = this
|
|
|
|
+ that.opening = true
|
|
|
|
+ if (type == 0) { // 安卓处理
|
|
|
|
+ let ifr = document.createElement('iframe');
|
|
|
|
+ ifr.src = `ygfwUrlSchemes://goodsTypeJump=${this.options.type}&goodsIdJump=${this.options.id}`;
|
|
|
|
+ ifr.style.display = 'none';
|
|
|
|
+ document.body.appendChild(ifr);
|
|
|
|
+ that.timer = window.setTimeout(function() { // 未安装的情况
|
|
|
|
+ that.opening = false
|
|
|
|
+ document.body.removeChild(ifr);
|
|
|
|
+ // 提示下载
|
|
|
|
+ let r = confirm("未安装APP? 是否去下载页下载!")
|
|
|
|
+ if (r) {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/down'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }, 5000)
|
|
|
|
+ } else { // IOS处理
|
|
|
|
+ let url = `ygfwUrlSchemes://goodsTypeJump=${this.options.type}&goodsIdJump=${this.options.id}`
|
|
|
|
+ alert(url)
|
|
|
|
+ window.location = url
|
|
|
|
+ that.timer = setTimeout(function() { // 未安装的情况
|
|
|
|
+ that.opening = false
|
|
|
|
+ // 跳转app store
|
|
|
|
+ let r = confirm("未安装APP? 是否去下载页下载!")
|
|
|
|
+ if (r) {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/down'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }, 5000);
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ handleTip() {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: '请前往宜格服务APP操作!',
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 2000
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
|
|
// 获取主页数据
|
|
// 获取主页数据
|
|
getIndexList(shopid) {
|
|
getIndexList(shopid) {
|
|
- this.$http.get("/yxt/shop/info/" + shopid).then((res) => {
|
|
|
|
|
|
+ this.$shopHttp.get("/yxt/shop/info/" + shopid).then((res) => {
|
|
uni.stopPullDownRefresh();
|
|
uni.stopPullDownRefresh();
|
|
this.loading = false;
|
|
this.loading = false;
|
|
if (res.data && res.code == 200) {
|
|
if (res.data && res.code == 200) {
|
|
@@ -180,7 +313,7 @@
|
|
|
|
|
|
//普通商品
|
|
//普通商品
|
|
getDefaultDetailInfo(id) {
|
|
getDefaultDetailInfo(id) {
|
|
- this.$http.get("/goods/info/" + id).then((res) => {
|
|
|
|
|
|
+ this.$shopHttp.get("/goods/info/" + id).then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
if (res && res.code == 200) {
|
|
if (res && res.code == 200) {
|
|
this.dataForm = res.data;
|
|
this.dataForm = res.data;
|
|
@@ -198,7 +331,7 @@
|
|
},
|
|
},
|
|
/**组团商品*/
|
|
/**组团商品*/
|
|
getGroupsDetailInfo(id) {
|
|
getGroupsDetailInfo(id) {
|
|
- this.$http.get("/groupbuy/activitygoods/goodsInfo/" + id).then((res) => {
|
|
|
|
|
|
+ this.$shopHttp.get("/groupbuy/activitygoods/goodsInfo/" + id).then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
|
|
|
|
if (res && res.code == 200) {
|
|
if (res && res.code == 200) {
|
|
@@ -222,14 +355,14 @@
|
|
});
|
|
});
|
|
},
|
|
},
|
|
getSeckillDetail(id) {
|
|
getSeckillDetail(id) {
|
|
- this.$http
|
|
|
|
|
|
+ this.$shopHttp
|
|
.get("/marketing/seckillActivityGoods/info/" + id)
|
|
.get("/marketing/seckillActivityGoods/info/" + id)
|
|
.then((res) => {
|
|
.then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
if (res && res.code == 200) {
|
|
if (res && res.code == 200) {
|
|
this.dataForm = res.data;
|
|
this.dataForm = res.data;
|
|
this.goodsId = res.data.id;
|
|
this.goodsId = res.data.id;
|
|
- this.$http.get("/yxt/shop/info/" + res.data.shop_id).then((res) => {
|
|
|
|
|
|
+ this.$shopHttp.get("/yxt/shop/info/" + res.data.shop_id).then((res) => {
|
|
if (res.data && res.code == 200) {
|
|
if (res.data && res.code == 200) {
|
|
this.shop = res.data;
|
|
this.shop = res.data;
|
|
}
|
|
}
|
|
@@ -249,7 +382,7 @@
|
|
});
|
|
});
|
|
},
|
|
},
|
|
getserviceDetailInfo(id) {
|
|
getserviceDetailInfo(id) {
|
|
- this.$http.get("/service/goods/info/" + id).then((res) => {
|
|
|
|
|
|
+ this.$shopHttp.get("/service/goods/info/" + id).then((res) => {
|
|
this.loading = false;
|
|
this.loading = false;
|
|
if (res && res.code == 200) {
|
|
if (res && res.code == 200) {
|
|
this.dataForm = res.data;
|
|
this.dataForm = res.data;
|
|
@@ -262,6 +395,30 @@
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ /**
|
|
|
|
+ * 详情
|
|
|
|
+ * */
|
|
|
|
+ goodsDetail(id) {
|
|
|
|
+ this.$shopHttp.get(`/goods/content/${id}`).then((res) => {
|
|
|
|
+ if (res && res.code == 200) {
|
|
|
|
+ this.goodsInfo = res.data;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ /*评论*/
|
|
|
|
+ loadComment(id) {
|
|
|
|
+ this.$shopHttp
|
|
|
|
+ .get(`/comment/orderGoods/getgoodscomments/${id}`)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ if (res && res.code == 200) {
|
|
|
|
+ this.commentList = res.list;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //评论,商品详情切换
|
|
|
|
+ change(i) {
|
|
|
|
+ this.isChecked = i;
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
@@ -342,8 +499,8 @@
|
|
background-color: #fff6ee;
|
|
background-color: #fff6ee;
|
|
}
|
|
}
|
|
|
|
|
|
- .mt80 {
|
|
|
|
- margin-top: 80rpx;
|
|
|
|
|
|
+ .mt30 {
|
|
|
|
+ margin-top: 30rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.product {
|
|
.product {
|
|
@@ -355,16 +512,16 @@
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
.swiper {
|
|
.swiper {
|
|
- height: 620rpx;
|
|
|
|
|
|
+ height: 700rpx;
|
|
|
|
|
|
video {
|
|
video {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 620rpx;
|
|
|
|
|
|
+ height: 700rpx;
|
|
}
|
|
}
|
|
|
|
|
|
image {
|
|
image {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 620rpx;
|
|
|
|
|
|
+ height: 700rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -372,14 +529,13 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
position: absolute;
|
|
top: 580rpx;
|
|
top: 580rpx;
|
|
- background: linear-gradient(left, #00321e, #284534);
|
|
|
|
- border-radius: 20rpx 20rpx 0px 0px;
|
|
|
|
|
|
+ background: #FA6138;
|
|
position: relative;
|
|
position: relative;
|
|
top: 0px;
|
|
top: 0px;
|
|
- z-index: 9999;
|
|
|
|
|
|
+ z-index: 9;
|
|
|
|
|
|
.discount {
|
|
.discount {
|
|
- color: #89a895;
|
|
|
|
|
|
+ color: #ffffff;
|
|
}
|
|
}
|
|
|
|
|
|
.p-ab {
|
|
.p-ab {
|
|
@@ -392,6 +548,116 @@
|
|
|
|
|
|
.richText {
|
|
.richText {
|
|
padding: 30rpx;
|
|
padding: 30rpx;
|
|
|
|
+
|
|
|
|
+ /deep/ img {
|
|
|
|
+ margin-top: 0 !important;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 富文本展示
|
|
|
|
+ .ql-editor-box {
|
|
|
|
+ text-align: justify;
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-1 {
|
|
|
|
+ margin-left: 96rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-2 {
|
|
|
|
+ margin-left: 192rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-3 {
|
|
|
|
+ margin-left: 288rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-4 {
|
|
|
|
+ margin-left: 384rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-5 {
|
|
|
|
+ margin-left: 480rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-6 {
|
|
|
|
+ margin-left: 576rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-7 {
|
|
|
|
+ margin-left: 672rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-8 {
|
|
|
|
+ margin-left: 768rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ img {
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-align-center {
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-align-right {
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ blockquote {
|
|
|
|
+ display: block;
|
|
|
|
+ border-left: 8px solid #d0e5f2;
|
|
|
|
+ padding: 5px 10px;
|
|
|
|
+ margin: 10px 0;
|
|
|
|
+ line-height: 1.4;
|
|
|
|
+ font-size: 100%;
|
|
|
|
+ background-color: #f1f1f1;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-1 {
|
|
|
|
+ margin-left: 60rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-2 {
|
|
|
|
+ margin-left: 120rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-3 {
|
|
|
|
+ margin-left: 180rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-4 {
|
|
|
|
+ margin-left: 240rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-indent-5 {
|
|
|
|
+ margin-left: 300rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-size-huge {
|
|
|
|
+ font-size: 80rpx;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ line-height: 90rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-size-large {
|
|
|
|
+ font-size: 48rpx;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ line-height: 50rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-size-small {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ line-height: 30rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-font-serif {
|
|
|
|
+ font-family: Georgia, Times New Roman, serif;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /deep/ .ql-font-monospace {
|
|
|
|
+ font-family: Monaco, Courier New, monospace;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
//秒杀,拼团样式
|
|
//秒杀,拼团样式
|
|
@@ -407,12 +673,12 @@
|
|
.triangle-bottomright {
|
|
.triangle-bottomright {
|
|
width: 0;
|
|
width: 0;
|
|
height: 0;
|
|
height: 0;
|
|
- border-bottom: 108rpx solid #dccda4;
|
|
|
|
|
|
+ border-bottom: 108rpx solid #FA6138;
|
|
border-left: 60rpx solid transparent;
|
|
border-left: 60rpx solid transparent;
|
|
}
|
|
}
|
|
|
|
|
|
.seckill {
|
|
.seckill {
|
|
- background-color: #dccda4;
|
|
|
|
|
|
+ background-color: #FA6138;
|
|
color: #00321e;
|
|
color: #00321e;
|
|
padding: 16rpx;
|
|
padding: 16rpx;
|
|
padding-right: 28rpx;
|
|
padding-right: 28rpx;
|
|
@@ -438,7 +704,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.btn-bg-dccda4 {
|
|
.btn-bg-dccda4 {
|
|
- background: #dccda4;
|
|
|
|
|
|
+ background: #FA6138;
|
|
border-radius: 48rpx 0rpx 0rpx 48rpx;
|
|
border-radius: 48rpx 0rpx 0rpx 48rpx;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -448,13 +714,36 @@
|
|
}
|
|
}
|
|
|
|
|
|
.tab {
|
|
.tab {
|
|
|
|
+ position: sticky;
|
|
|
|
+ top: 0;
|
|
|
|
+ background-color: #fff;
|
|
padding-top: 38rpx;
|
|
padding-top: 38rpx;
|
|
|
|
+ z-index: 9;
|
|
|
|
|
|
- .active {
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- color: #00321e;
|
|
|
|
- font-weight: 700;
|
|
|
|
- border-bottom: 1rpx solid #00321e;
|
|
|
|
|
|
+ .pb30 {
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ &::before {
|
|
|
|
+ content: '';
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 50%;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ width: 0;
|
|
|
|
+ height: 2px;
|
|
|
|
+ background: #FA6138;
|
|
|
|
+ transition: all 0.3s;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ &.active {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ color: #FA6138;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+
|
|
|
|
+ &::before {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -462,11 +751,52 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
position: fixed;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
|
+ z-index: 9;
|
|
border-top: 1rpx solid #e6e6e6;
|
|
border-top: 1rpx solid #e6e6e6;
|
|
|
|
|
|
|
|
+ .leftbox {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ height: 84rpx;
|
|
|
|
+
|
|
|
|
+ .u-text-center {
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .service {
|
|
|
|
+
|
|
|
|
+ image {
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.cart {
|
|
.cart {
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
+ .car-icon {
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+ .nums {
|
|
|
|
+ font-size: 20rpx;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ padding: 4rpx;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ min-width: 30rpx;
|
|
|
|
+ line-height: 23rpx;
|
|
|
|
+ background-color: #FF0000;
|
|
|
|
+ border-radius: 15rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 5rpx;
|
|
|
|
+ top: -10rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.number {
|
|
.number {
|
|
position: absolute;
|
|
position: absolute;
|
|
top: -10rpx;
|
|
top: -10rpx;
|
|
@@ -479,19 +809,23 @@
|
|
}
|
|
}
|
|
|
|
|
|
.cart-btn {
|
|
.cart-btn {
|
|
- width: 230rpx;
|
|
|
|
|
|
+ width: 200rpx;
|
|
height: 85rpx;
|
|
height: 85rpx;
|
|
- background: #dccda4;
|
|
|
|
- border-radius: 43rpx 0rpx 0rpx 43rpx;
|
|
|
|
|
|
+ line-height: 85rpx;
|
|
|
|
+ background: #FF9651;
|
|
|
|
+ color: white;
|
|
|
|
+ border-radius: 40rpx;
|
|
|
|
+ margin-right: 10rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.buy-btn {
|
|
.buy-btn {
|
|
- width: 340rpx;
|
|
|
|
|
|
+ width: 200rpx;
|
|
height: 85rpx;
|
|
height: 85rpx;
|
|
- color: #fff;
|
|
|
|
|
|
+ color: white;
|
|
line-height: 85rpx;
|
|
line-height: 85rpx;
|
|
- background: #3775F6;
|
|
|
|
- border-radius: 43rpx;
|
|
|
|
|
|
+ background: #FA6138;
|
|
|
|
+ border-radius: 40rpx;
|
|
|
|
+ margin-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -565,4 +899,71 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+
|
|
|
|
+ .goods-tools {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ height: 84rpx;
|
|
|
|
+ line-height: 42rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .jump-box {
|
|
|
|
+ position: fixed;
|
|
|
|
+ left: 50%;
|
|
|
|
+ bottom: 200rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ width: 350rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ color: #fff;
|
|
|
|
+ background-color: #6be5f8;
|
|
|
|
+ border-radius: 40rpx;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+ z-index: 99;
|
|
|
|
+
|
|
|
|
+ .logo-img {
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+ box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, 0.1);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .tip {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .view-alert {
|
|
|
|
+ /* position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ z-index: 9; */
|
|
|
|
+ width: 750rpx;
|
|
|
|
+ background: rgb(52, 52, 52);
|
|
|
|
+ margin-left: 0px;
|
|
|
|
+ margin-right: 0px;
|
|
|
|
+ padding: 60rpx 30rpx 60rpx 60rpx;
|
|
|
|
+ box-shadow: rgba(22, 22, 23, 0.62) 0px -10px 16px inset;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: stretch;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ .alert-text {
|
|
|
|
+ flex: 1;
|
|
|
|
+ color: #7f7e7e;
|
|
|
|
+ font-weight: 400 !important;
|
|
|
|
+ padding-right: 60rpx;
|
|
|
|
+ line-height: 1.5;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .alert-arrow {
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
+ width: 60rpx;
|
|
|
|
+ height: 60rpx;
|
|
|
|
+ margin-top: -30rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</style>
|