|
|
|
@ -2,9 +2,7 @@
|
|
|
|
|
<view :class="productConClass"> |
|
|
|
|
<view v-if="storeInfo.id"> |
|
|
|
|
<!-- 轮播图 --> |
|
|
|
|
<product-con-swiper |
|
|
|
|
:img-urls="storeInfo.sliderImageArr" |
|
|
|
|
></product-con-swiper> |
|
|
|
|
<product-con-swiper :img-urls="storeInfo.sliderImageArr"></product-con-swiper> |
|
|
|
|
|
|
|
|
|
<!-- 商品信息描述 --> |
|
|
|
|
<view class="wrapper"> |
|
|
|
@ -14,21 +12,11 @@
|
|
|
|
|
<text class="num">{{ |
|
|
|
|
attr.productSelect.price || storeInfo.price |
|
|
|
|
}}</text> |
|
|
|
|
<text |
|
|
|
|
class="vip-money" |
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
>¥{{ attr.productSelect.vipPrice || storeInfo.vipPrice }}</text |
|
|
|
|
> |
|
|
|
|
<image |
|
|
|
|
src="@/static/images/vip.png" |
|
|
|
|
class="image" |
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
/> |
|
|
|
|
<text class="vip-money" |
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0">¥{{ attr.productSelect.vipPrice || storeInfo.vipPrice }}</text> |
|
|
|
|
<image src="@/static/images/vip.png" class="image" v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" /> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
class="iconfont icon-fenxiang" |
|
|
|
|
@click="listenerActionSheet" |
|
|
|
|
></view> |
|
|
|
|
<view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view> |
|
|
|
|
</view> |
|
|
|
|
<view class="introduce">{{ storeInfo.storeName }}</view> |
|
|
|
|
<view class="label acea-row row-between-wrapper"> |
|
|
|
@ -36,19 +24,11 @@
|
|
|
|
|
<text>库存:{{ storeInfo.stock }}{{ storeInfo.unitName }}</text> |
|
|
|
|
<text>销量:{{ storeInfo.sales }}{{ storeInfo.unitName }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
class="coupon acea-row row-between-wrapper" |
|
|
|
|
@click="couponTap" |
|
|
|
|
v-if="couponList.length" |
|
|
|
|
> |
|
|
|
|
<view class="coupon acea-row row-between-wrapper" @click="couponTap" v-if="couponList.length"> |
|
|
|
|
<text class="hide line1"> |
|
|
|
|
<text>优惠券:</text> |
|
|
|
|
<text |
|
|
|
|
class="activity" |
|
|
|
|
v-for="(item, couponListEq) in couponList" |
|
|
|
|
:key="couponListEq" |
|
|
|
|
>满{{ item.useMinPrice }}减{{ item.couponPrice }}</text |
|
|
|
|
> |
|
|
|
|
<text class="activity" v-for="(item, couponListEq) in couponList" |
|
|
|
|
:key="couponListEq">满{{ item.useMinPrice }}减{{ item.couponPrice }}</text> |
|
|
|
|
</text> |
|
|
|
|
<view class="iconfont icon-jiantou"></view> |
|
|
|
|
</view> |
|
|
|
@ -63,10 +43,7 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 规格 --> |
|
|
|
|
<view |
|
|
|
|
class="attribute acea-row row-between-wrapper" |
|
|
|
|
@click="selecAttrTap" |
|
|
|
|
> |
|
|
|
|
<view class="attribute acea-row row-between-wrapper" @click="selecAttrTap"> |
|
|
|
|
<view> |
|
|
|
|
<text>{{ attrTxt }}:</text> |
|
|
|
|
<text class="atterTxt">{{ attrValue }}</text> |
|
|
|
@ -90,22 +67,14 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="name line1">{{ systemStore.name }}</view> |
|
|
|
|
<view |
|
|
|
|
class="address acea-row row-middle" |
|
|
|
|
@click="showChang(systemStore)" |
|
|
|
|
> |
|
|
|
|
<view class="address acea-row row-middle" @click="showChang(systemStore)"> |
|
|
|
|
<text class="addressTxt">{{ systemStore.address }}</text> |
|
|
|
|
<text class="iconfont icon-youjian"></text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="addressBox"> |
|
|
|
|
<a |
|
|
|
|
class="iconfont icon-dadianhua01 font-color-red phone" |
|
|
|
|
@click="telPhone(systemStore.phone)" |
|
|
|
|
></a> |
|
|
|
|
<view class="addressTxt corlor-yshop" |
|
|
|
|
>距离{{ systemStore.distance }}千米</view |
|
|
|
|
> |
|
|
|
|
<a class="iconfont icon-dadianhua01 font-color-red phone" @click="telPhone(systemStore.phone)"></a> |
|
|
|
|
<view class="addressTxt corlor-yshop">距离{{ systemStore.distance }}千米</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -181,11 +150,7 @@
|
|
|
|
|
<view class="iconfont icon-shoucang"></view> |
|
|
|
|
<text>收藏</text> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
@click="goShoppingCart()" |
|
|
|
|
v-if="animated" |
|
|
|
|
class="item animated bounceIn" |
|
|
|
|
> |
|
|
|
|
<view @click="goShoppingCart()" v-if="animated" class="item animated bounceIn"> |
|
|
|
|
<view class="iconfont icon-gouwuche1"> |
|
|
|
|
<text class="num bg-color-red" v-if="CartCount > 0">{{ |
|
|
|
|
CartCount |
|
|
|
@ -214,23 +179,12 @@
|
|
|
|
|
<!-- 优惠券 --> |
|
|
|
|
<CouponPop v-on:changeFun="changeFun" :coupon="coupon"></CouponPop> |
|
|
|
|
<!-- 商品规格弹窗 --> |
|
|
|
|
<ProductWindow |
|
|
|
|
v-on:changeFun="changeFun" |
|
|
|
|
:attr="attr" |
|
|
|
|
:cartNum="cart_num" |
|
|
|
|
></ProductWindow> |
|
|
|
|
<ProductWindow v-on:changeFun="changeFun" :attr="attr" :cartNum="cart_num"></ProductWindow> |
|
|
|
|
<!-- 分享海报 --> |
|
|
|
|
<StorePoster |
|
|
|
|
v-on:setPosterImageStatus="setPosterImageStatus" |
|
|
|
|
:posterImageStatus="posterImageStatus" |
|
|
|
|
:posterData="posterData" |
|
|
|
|
:goodId="id" |
|
|
|
|
></StorePoster> |
|
|
|
|
<StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus" |
|
|
|
|
:posterData="posterData" :goodId="id"></StorePoster> |
|
|
|
|
<!-- 分享弹窗 --> |
|
|
|
|
<ShareInfo |
|
|
|
|
v-on:setShareInfoStatus="setShareInfoStatus" |
|
|
|
|
:shareInfoStatus="shareInfoStatus" |
|
|
|
|
></ShareInfo> |
|
|
|
|
<ShareInfo v-on:setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></ShareInfo> |
|
|
|
|
|
|
|
|
|
<view class="generate-posters acea-row row-middle on" v-if="posters"> |
|
|
|
|
<view class="item" @click="setPosterImageStatus"> |
|
|
|
@ -244,12 +198,7 @@
|
|
|
|
|
<view>生成海报</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
class="mask" |
|
|
|
|
@touchmove.prevent |
|
|
|
|
@click="listenerActionClose" |
|
|
|
|
v-show="posters" |
|
|
|
|
></view> |
|
|
|
|
<view class="mask" @touchmove.prevent @click="listenerActionClose" v-show="posters"></view> |
|
|
|
|
<view class="posterCanvasWarp"> |
|
|
|
|
<canvas class="posterCanvas" canvas-id="myCanvas"></canvas> |
|
|
|
|
</view> |
|
|
|
@ -258,39 +207,45 @@
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
|
|
|
|
|
|
import ProductConSwiper from "@/components/ProductConSwiper"; |
|
|
|
|
import UserEvaluation from "@/components/UserEvaluation"; |
|
|
|
|
import CouponPop from "@/components/CouponPop"; |
|
|
|
|
import ProductWindow from "@/components/ProductWindow"; |
|
|
|
|
import StorePoster from "@/components/StorePoster"; |
|
|
|
|
import ShareInfo from "@/components/ShareInfo"; |
|
|
|
|
import { |
|
|
|
|
import ProductConSwiper from "@/components/ProductConSwiper"; |
|
|
|
|
import UserEvaluation from "@/components/UserEvaluation"; |
|
|
|
|
import CouponPop from "@/components/CouponPop"; |
|
|
|
|
import ProductWindow from "@/components/ProductWindow"; |
|
|
|
|
import StorePoster from "@/components/StorePoster"; |
|
|
|
|
import ShareInfo from "@/components/ShareInfo"; |
|
|
|
|
import { |
|
|
|
|
getProductDetail, |
|
|
|
|
postCartAdd, |
|
|
|
|
getCartCount, |
|
|
|
|
getProductCode, |
|
|
|
|
} from "@/api/store"; |
|
|
|
|
import { |
|
|
|
|
} from "@/api/store"; |
|
|
|
|
import { |
|
|
|
|
getCoupon, |
|
|
|
|
getCollectAdd, |
|
|
|
|
getCollectDel, |
|
|
|
|
getUserInfo, |
|
|
|
|
} from "@/api/user"; |
|
|
|
|
import cookie from "@/utils/store/cookie"; |
|
|
|
|
import { |
|
|
|
|
} from "@/api/user"; |
|
|
|
|
import cookie from "@/utils/store/cookie"; |
|
|
|
|
import { |
|
|
|
|
isWeixin, |
|
|
|
|
PosterCanvas, |
|
|
|
|
handleQrCode, |
|
|
|
|
handleUrlParam, |
|
|
|
|
getCurrentPageUrlWithArgs, |
|
|
|
|
} from "@/utils"; |
|
|
|
|
import { wechatEvevt } from "@/libs/wechat"; |
|
|
|
|
import { imageBase64 } from "@/api/public"; |
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
} from "@/utils"; |
|
|
|
|
import { |
|
|
|
|
wechatEvevt |
|
|
|
|
} from "@/libs/wechat"; |
|
|
|
|
import { |
|
|
|
|
imageBase64 |
|
|
|
|
} from "@/api/public"; |
|
|
|
|
import { |
|
|
|
|
mapGetters |
|
|
|
|
} from "vuex"; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
export default { |
|
|
|
|
name: "GoodsCon", |
|
|
|
|
components: { |
|
|
|
|
// swiper, |
|
|
|
@ -356,6 +311,7 @@ export default {
|
|
|
|
|
qqmapsdk: null, |
|
|
|
|
productConClass: "product-con", |
|
|
|
|
tempName: "全国包邮", |
|
|
|
|
isIntegral: "false" |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
computed: mapGetters(["isLogin", "location"]), |
|
|
|
@ -393,8 +349,7 @@ export default {
|
|
|
|
|
return { |
|
|
|
|
title: this.storeInfo.storeName, |
|
|
|
|
imageUrl: this.storeInfo.image, |
|
|
|
|
path: |
|
|
|
|
"pages/shop/GoodsCon/index?id=" + |
|
|
|
|
path: "pages/shop/GoodsCon/index?id=" + |
|
|
|
|
this.storeInfo.id + |
|
|
|
|
"&spread=" + |
|
|
|
|
uni.getStorageSync("uid") + |
|
|
|
@ -523,8 +478,7 @@ export default {
|
|
|
|
|
}) |
|
|
|
|
.catch((err) => { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: |
|
|
|
|
err.msg || err.response.data.msg || err.response.data.message, |
|
|
|
|
title: err.msg || err.response.data.msg || err.response.data.message, |
|
|
|
|
icon: "none", |
|
|
|
|
duration: 2000, |
|
|
|
|
}); |
|
|
|
@ -743,10 +697,9 @@ export default {
|
|
|
|
|
productId: that.id, |
|
|
|
|
cartNum: that.attr.productSelect.cart_num, |
|
|
|
|
new: news, |
|
|
|
|
uniqueId: |
|
|
|
|
that.attr.productSelect !== undefined |
|
|
|
|
? that.attr.productSelect.unique |
|
|
|
|
: "", |
|
|
|
|
uniqueId: that.attr.productSelect !== undefined ? |
|
|
|
|
that.attr.productSelect.unique : |
|
|
|
|
"", |
|
|
|
|
}; |
|
|
|
|
postCartAdd(q) |
|
|
|
|
.then(function (res) { |
|
|
|
@ -755,8 +708,7 @@ export default {
|
|
|
|
|
if (news) { |
|
|
|
|
if (!res.data) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: |
|
|
|
|
res.msg || res.data.msg || res.data.message, |
|
|
|
|
title: res.msg || res.data.msg || res.data.message, |
|
|
|
|
icon: "none", |
|
|
|
|
duration: 2000, |
|
|
|
|
}); |
|
|
|
@ -828,9 +780,9 @@ export default {
|
|
|
|
|
if (this.isLogin) { |
|
|
|
|
getUserInfo().then((res) => { |
|
|
|
|
href = |
|
|
|
|
href.indexOf("?") === -1 |
|
|
|
|
? href + "?spread=" + res.data.uid |
|
|
|
|
: href + "&spread=" + res.data.uid; |
|
|
|
|
href.indexOf("?") === -1 ? |
|
|
|
|
href + "?spread=" + res.data.uid : |
|
|
|
|
href + "&spread=" + res.data.uid; |
|
|
|
|
var configAppMessage = { |
|
|
|
|
desc: data.storeInfo, |
|
|
|
|
title: data.storeName, |
|
|
|
@ -871,116 +823,116 @@ export default {
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
|
.geoPage { |
|
|
|
|
.geoPage { |
|
|
|
|
position: fixed; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 10000; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info { |
|
|
|
|
.product-con .store-info { |
|
|
|
|
margin-top: 0.2 * 100rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .title { |
|
|
|
|
.product-con .store-info .title { |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
height: 0.8 * 100rpx; |
|
|
|
|
line-height: 0.8 * 100rpx; |
|
|
|
|
border-bottom: 0.01 * 100rpx solid #f5f5f5; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info { |
|
|
|
|
.product-con .store-info .info { |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
height: 1.26 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt { |
|
|
|
|
.product-con .store-info .info .picTxt { |
|
|
|
|
width: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .pictrue { |
|
|
|
|
.product-con .store-info .info .picTxt .pictrue { |
|
|
|
|
width: 0.76 * 100rpx; |
|
|
|
|
height: 0.76 * 100rpx; |
|
|
|
|
margin-right: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .pictrue image { |
|
|
|
|
.product-con .store-info .info .picTxt .pictrue image { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
border-radius: 0.06 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text { |
|
|
|
|
.product-con .store-info .info .picTxt .text { |
|
|
|
|
flex: 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .name { |
|
|
|
|
.product-con .store-info .info .picTxt .text .name { |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .address { |
|
|
|
|
.product-con .store-info .info .picTxt .text .address { |
|
|
|
|
font-size: 0.24 * 100rpx; |
|
|
|
|
color: #666; |
|
|
|
|
margin-top: 0.03 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .address .iconfont { |
|
|
|
|
.product-con .store-info .info .picTxt .text .address .iconfont { |
|
|
|
|
color: #707070; |
|
|
|
|
font-size: 0.18 * 100rpx; |
|
|
|
|
margin-left: 0.1 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .addressBox { |
|
|
|
|
.product-con .store-info .info .picTxt .addressBox { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .addressBox .iconfont { |
|
|
|
|
.product-con .store-info .info .picTxt .addressBox .iconfont { |
|
|
|
|
font-size: 0.4 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .addressBox .addressTxt { |
|
|
|
|
.product-con .store-info .info .picTxt .addressBox .addressTxt { |
|
|
|
|
font-size: 0.24 * 100rpx; |
|
|
|
|
color: #eb3729; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .praise { |
|
|
|
|
.product-con .store-info .praise { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #808080; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .store-info .praise .iconfont { |
|
|
|
|
.product-con .store-info .praise .iconfont { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior { |
|
|
|
|
.product-con .superior { |
|
|
|
|
background-color: #fff; |
|
|
|
|
margin-top: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .title { |
|
|
|
|
.product-con .superior .title { |
|
|
|
|
height: 0.98 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .title image { |
|
|
|
|
.product-con .superior .title image { |
|
|
|
|
width: 0.3 * 100rpx; |
|
|
|
|
height: 0.3 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .title .titleTxt { |
|
|
|
|
.product-con .superior .title .titleTxt { |
|
|
|
|
margin: 0 0.2 * 100rpx; |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
@ -988,65 +940,65 @@ export default {
|
|
|
|
|
background-image: -moz-linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
|
-webkit-background-clip: text; |
|
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner { |
|
|
|
|
.product-con .superior .slider-banner { |
|
|
|
|
width: 6.9 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
padding-bottom: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list { |
|
|
|
|
.product-con .superior .slider-banner .list { |
|
|
|
|
width: 100%; |
|
|
|
|
padding-bottom: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item { |
|
|
|
|
.product-con .superior .slider-banner .list .item { |
|
|
|
|
width: 2.15 * 100rpx; |
|
|
|
|
margin: 0 0.22 * 100rpx 0.3 * 100rpx 0; |
|
|
|
|
font-size: 0.26 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item:nth-of-type(3n) { |
|
|
|
|
.product-con .superior .slider-banner .list .item:nth-of-type(3n) { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue { |
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 2.15 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue image { |
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue image { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
border-radius: 0.06 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .name { |
|
|
|
|
.product-con .superior .slider-banner .list .item .name { |
|
|
|
|
color: #282828; |
|
|
|
|
margin-top: 0.12 * 100rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet { |
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet { |
|
|
|
|
background-color: #999; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet-active { |
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet-active { |
|
|
|
|
background-color: #e93323; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mask { |
|
|
|
|
.mask { |
|
|
|
|
-webkit-filter: blur(2px); |
|
|
|
|
-moz-filter: blur(2px); |
|
|
|
|
-ms-filter: blur(2px); |
|
|
|
|
filter: blur(2px); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.product-con .product-intro .conter view { |
|
|
|
|
.product-con .product-intro .conter view { |
|
|
|
|
width: 100% !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.generate-posters { |
|
|
|
|
.generate-posters { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 1.7 * 100rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
@ -1063,35 +1015,35 @@ export default {
|
|
|
|
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
|
|
|
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
|
|
|
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.generate-posters.on { |
|
|
|
|
.generate-posters.on { |
|
|
|
|
transform: translate3d(0, 0, 0); |
|
|
|
|
-webkit-transform: translate3d(0, 0, 0); |
|
|
|
|
-ms-transform: translate3d(0, 0, 0); |
|
|
|
|
-moz-transform: translate3d(0, 0, 0); |
|
|
|
|
-o-transform: translate3d(0, 0, 0); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.generate-posters .item { |
|
|
|
|
.generate-posters .item { |
|
|
|
|
flex: 50%; |
|
|
|
|
-webkit-flex: 50%; |
|
|
|
|
-ms-flex: 50%; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.generate-posters .item .iconfont { |
|
|
|
|
.generate-posters .item .iconfont { |
|
|
|
|
font-size: 0.8 * 100rpx; |
|
|
|
|
color: #5eae72; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.generate-posters .item .iconfont.icon-haibao { |
|
|
|
|
.generate-posters .item .iconfont.icon-haibao { |
|
|
|
|
color: #5391f1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.noscroll { |
|
|
|
|
.noscroll { |
|
|
|
|
height: 100%; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|