|
|
|
@ -6,8 +6,15 @@ |
|
|
|
<view class="money font-color-red"> |
|
|
|
<view class="money font-color-red"> |
|
|
|
<text>￥</text> |
|
|
|
<text>￥</text> |
|
|
|
<text class="num">{{ storeInfo.price }}</text> |
|
|
|
<text class="num">{{ storeInfo.price }}</text> |
|
|
|
<text class="vip-money" v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0">￥{{ storeInfo.vipPrice }}</text> |
|
|
|
<text |
|
|
|
<image src="@/static/images/vip.png" class="image" v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" /> |
|
|
|
class="vip-money" |
|
|
|
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
|
|
|
>￥{{ storeInfo.vipPrice }}</text> |
|
|
|
|
|
|
|
<image |
|
|
|
|
|
|
|
src="@/static/images/vip.png" |
|
|
|
|
|
|
|
class="image" |
|
|
|
|
|
|
|
v-if="storeInfo.vipPrice && storeInfo.vipPrice > 0" |
|
|
|
|
|
|
|
/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view> |
|
|
|
<view class="iconfont icon-fenxiang" @click="listenerActionSheet"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -20,7 +27,11 @@ |
|
|
|
<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 acea-row"> |
|
|
|
<text class="hide line1 acea-row"> |
|
|
|
<text>优惠券：</text> |
|
|
|
<text>优惠券：</text> |
|
|
|
<text class="activity" v-for="(item, couponListEq) in couponList" :key="couponListEq">满{{ item.use_min_price }}减{{ item.coupon_price }}</text> |
|
|
|
<text |
|
|
|
|
|
|
|
class="activity" |
|
|
|
|
|
|
|
v-for="(item, couponListEq) in couponList" |
|
|
|
|
|
|
|
:key="couponListEq" |
|
|
|
|
|
|
|
>满{{ item.use_min_price }}减{{ item.coupon_price }}</text> |
|
|
|
</text> |
|
|
|
</text> |
|
|
|
<view class="iconfont icon-jiantou"></view> |
|
|
|
<view class="iconfont icon-jiantou"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -99,7 +110,11 @@ |
|
|
|
<view class="iconfont" :class="storeInfo.userCollect ? 'icon-shoucang1' : 'icon-shoucang'"></view> |
|
|
|
<view class="iconfont" :class="storeInfo.userCollect ? 'icon-shoucang1' : 'icon-shoucang'"></view> |
|
|
|
<text>收藏</text> |
|
|
|
<text>收藏</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view @click="goShoppingCart()" class="item animated" :class="animated === true ? 'bounceIn' : ''"> |
|
|
|
<view |
|
|
|
|
|
|
|
@click="goShoppingCart()" |
|
|
|
|
|
|
|
class="item animated" |
|
|
|
|
|
|
|
:class="animated === true ? 'bounceIn' : ''" |
|
|
|
|
|
|
|
> |
|
|
|
<view class="iconfont icon-gouwuche1"> |
|
|
|
<view class="iconfont icon-gouwuche1"> |
|
|
|
<text class="num bg-color-red" v-if="CartCount > 0">{{CartCount}}</text> |
|
|
|
<text class="num bg-color-red" v-if="CartCount > 0">{{CartCount}}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -116,7 +131,11 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<CouponPop v-on:changeFun="changeFun" :coupon="coupon"></CouponPop> |
|
|
|
<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"></StorePoster> |
|
|
|
<StorePoster |
|
|
|
|
|
|
|
v-on:setPosterImageStatus="setPosterImageStatus" |
|
|
|
|
|
|
|
:posterImageStatus="posterImageStatus" |
|
|
|
|
|
|
|
:posterData="posterData" |
|
|
|
|
|
|
|
></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" :class="posters ? 'on' : ''"> |
|
|
|
<view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''"> |
|
|
|
<view class="item" v-if="weixinStatus === true" @click="setShareInfoStatus"> |
|
|
|
<view class="item" v-if="weixinStatus === true" @click="setShareInfoStatus"> |
|
|
|
@ -130,46 +149,47 @@ |
|
|
|
</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="geoPage" v-if="mapShow"> |
|
|
|
<view class="geoPage" v-if="mapShow"> |
|
|
|
<iframe width="100%" height="100%" frameborder="0" scrolling="no" :src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' +system_store.latitude +',' +system_store.longitude +'&referer=' +mapKey"></iframe> |
|
|
|
<iframe |
|
|
|
</view> |
|
|
|
width="100%" |
|
|
|
|
|
|
|
height="100%" |
|
|
|
|
|
|
|
frameborder="0" |
|
|
|
|
|
|
|
scrolling="no" |
|
|
|
|
|
|
|
:src="'https://apis.map.qq.com/uri/v1/geocoder?coord=' +system_store.latitude +',' +system_store.longitude +'&referer=' +mapKey" |
|
|
|
|
|
|
|
></iframe> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<div class="posterCanvasWarp"> |
|
|
|
|
|
|
|
<canvas class="posterCanvas" canvas-id="myCanvas"></canvas> |
|
|
|
|
|
|
|
</div> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
|
|
|
|
|
|
|
|
import ProductConSwiper from "@/components/ProductConSwiper"; |
|
|
|
import ProductConSwiper from "@/components/ProductConSwiper"; |
|
|
|
import UserEvaluation from "@/components/UserEvaluation"; |
|
|
|
import UserEvaluation from "@/components/UserEvaluation"; |
|
|
|
import CouponPop from "@/components/CouponPop"; |
|
|
|
import CouponPop from "@/components/CouponPop"; |
|
|
|
import ProductWindow from "@/components/ProductWindow"; |
|
|
|
import ProductWindow from "@/components/ProductWindow"; |
|
|
|
import StorePoster from "@/components/StorePoster"; |
|
|
|
import StorePoster from "@/components/StorePoster"; |
|
|
|
import ShareInfo from "@/components/ShareInfo"; |
|
|
|
import ShareInfo from "@/components/ShareInfo"; |
|
|
|
import { |
|
|
|
import { |
|
|
|
getProductDetail, |
|
|
|
getProductDetail, |
|
|
|
postCartAdd, |
|
|
|
postCartAdd, |
|
|
|
getCartCount, |
|
|
|
getCartCount, |
|
|
|
getProductCode |
|
|
|
getProductCode |
|
|
|
} from "@/api/store"; |
|
|
|
} from "@/api/store"; |
|
|
|
import { |
|
|
|
import { |
|
|
|
getCoupon, |
|
|
|
getCoupon, |
|
|
|
getCollectAdd, |
|
|
|
getCollectAdd, |
|
|
|
getCollectDel, |
|
|
|
getCollectDel, |
|
|
|
getUserInfo |
|
|
|
getUserInfo |
|
|
|
} from "@/api/user"; |
|
|
|
} from "@/api/user"; |
|
|
|
import { |
|
|
|
import { isWeixin, PosterCanvas, handleQrCode } from "@/utils"; |
|
|
|
isWeixin, |
|
|
|
// import { wechatEvevt } from "@/libs/wechat"; |
|
|
|
PosterCanvas, |
|
|
|
import { imageBase64 } from "@/api/public"; |
|
|
|
handleQrCode |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
} from "@/utils"; |
|
|
|
|
|
|
|
// import { wechatEvevt } from "@/libs/wechat"; |
|
|
|
export default { |
|
|
|
import { |
|
|
|
|
|
|
|
imageBase64 |
|
|
|
|
|
|
|
} from "@/api/public"; |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
mapGetters |
|
|
|
|
|
|
|
} from "vuex"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
|
|
|
name: "GoodsCon", |
|
|
|
name: "GoodsCon", |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
// swiper, |
|
|
|
// swiper, |
|
|
|
@ -237,7 +257,7 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: mapGetters(["isLogin"]), |
|
|
|
computed: mapGetters(["isLogin"]), |
|
|
|
mounted: function() { |
|
|
|
mounted: function() { |
|
|
|
console.log(this) |
|
|
|
console.log(this); |
|
|
|
let url = handleQrCode(); |
|
|
|
let url = handleQrCode(); |
|
|
|
console.log(url); |
|
|
|
console.log(url); |
|
|
|
if (url && url.productId) { |
|
|
|
if (url && url.productId) { |
|
|
|
@ -305,11 +325,11 @@ |
|
|
|
//产品详情接口； |
|
|
|
//产品详情接口； |
|
|
|
productCon: function() { |
|
|
|
productCon: function() { |
|
|
|
let that = this; |
|
|
|
let that = this; |
|
|
|
let form = {} |
|
|
|
let form = {}; |
|
|
|
if (this.$deviceType == 'app') { |
|
|
|
if (this.$deviceType == "app") { |
|
|
|
form.form = 'app' |
|
|
|
form.form = "app"; |
|
|
|
} |
|
|
|
} |
|
|
|
console.log(form, 2222) |
|
|
|
console.log(form, 2222); |
|
|
|
getProductDetail(that.id, form) |
|
|
|
getProductDetail(that.id, form) |
|
|
|
.then(res => { |
|
|
|
.then(res => { |
|
|
|
that.$set(that, "storeInfo", res.data.storeInfo); |
|
|
|
that.$set(that, "storeInfo", res.data.storeInfo); |
|
|
|
@ -485,27 +505,15 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
//选择属性； |
|
|
|
//选择属性； |
|
|
|
ChangeAttr: function(res) { |
|
|
|
ChangeAttr: function(res) { |
|
|
|
let productSelectValue = this.productValue[res]; |
|
|
|
let productSelect = this.productValue[res.value]; |
|
|
|
if (productSelectValue) { |
|
|
|
if (productSelect) { |
|
|
|
let productSelect = { |
|
|
|
this.attr.productAttr[res.indexw].index = res.indexn; |
|
|
|
...this.attr.productSelect, |
|
|
|
this.$set(this.attr.productSelect, "image", productSelect.image); |
|
|
|
image: productSelectValue.image, |
|
|
|
this.$set(this.attr.productSelect, "price", productSelect.price); |
|
|
|
price: productSelectValue.price, |
|
|
|
this.$set(this.attr.productSelect, "stock", productSelect.stock); |
|
|
|
stock: productSelectValue.stock, |
|
|
|
this.$set(this.attr.productSelect, "unique", productSelect.unique); |
|
|
|
unique: productSelectValue.unique, |
|
|
|
this.$set(this.attr.productSelect, "cart_num", 1); |
|
|
|
cart_num: 1 |
|
|
|
this.$set(this, "attrValue", res.value); |
|
|
|
}; |
|
|
|
|
|
|
|
let attr = { |
|
|
|
|
|
|
|
...this.attr, |
|
|
|
|
|
|
|
productSelect |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
this.attr = attr; |
|
|
|
|
|
|
|
// this.$set(this.attr.productSelect, "image", productSelect.image); |
|
|
|
|
|
|
|
// this.$set(this.attr.productSelect, "price", productSelect.price); |
|
|
|
|
|
|
|
// this.$set(this.attr.productSelect, "stock", productSelect.stock); |
|
|
|
|
|
|
|
// this.$set(this.attr.productSelect, "unique", productSelect.unique); |
|
|
|
|
|
|
|
// this.$set(this.attr.productSelect, "cart_num", 1); |
|
|
|
|
|
|
|
this.$set(this, "attrValue", res); |
|
|
|
|
|
|
|
this.$set(this, "attrTxt", "已选择"); |
|
|
|
this.$set(this, "attrTxt", "已选择"); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.$set(this.attr.productSelect, "image", this.storeInfo.image); |
|
|
|
this.$set(this.attr.productSelect, "image", this.storeInfo.image); |
|
|
|
@ -569,8 +577,10 @@ |
|
|
|
productId: that.id, |
|
|
|
productId: that.id, |
|
|
|
cartNum: that.attr.productSelect.cart_num, |
|
|
|
cartNum: that.attr.productSelect.cart_num, |
|
|
|
new: news, |
|
|
|
new: news, |
|
|
|
uniqueId: that.attr.productSelect !== undefined ? |
|
|
|
uniqueId: |
|
|
|
that.attr.productSelect.unique : "" |
|
|
|
that.attr.productSelect !== undefined |
|
|
|
|
|
|
|
? that.attr.productSelect.unique |
|
|
|
|
|
|
|
: "" |
|
|
|
}; |
|
|
|
}; |
|
|
|
postCartAdd(q) |
|
|
|
postCartAdd(q) |
|
|
|
.then(function(res) { |
|
|
|
.then(function(res) { |
|
|
|
@ -637,169 +647,169 @@ |
|
|
|
this.posters = false; |
|
|
|
this.posters = false; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
<style scoped lang="less"> |
|
|
|
.geoPage { |
|
|
|
.geoPage { |
|
|
|
position: fixed; |
|
|
|
position: fixed; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
z-index: 10000; |
|
|
|
z-index: 10000; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info { |
|
|
|
.product-con .store-info { |
|
|
|
margin-top: 0.2*100rpx; |
|
|
|
margin-top: 0.2 * 100rpx; |
|
|
|
background-color: #fff; |
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .title { |
|
|
|
.product-con .store-info .title { |
|
|
|
padding: 0 0.3*100rpx; |
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
font-size: 0.28*100rpx; |
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
color: #282828; |
|
|
|
color: #282828; |
|
|
|
height: 0.8*100rpx; |
|
|
|
height: 0.8 * 100rpx; |
|
|
|
line-height: 0.8*100rpx; |
|
|
|
line-height: 0.8 * 100rpx; |
|
|
|
border-bottom: 0.01*100rpx solid #f5f5f5; |
|
|
|
border-bottom: 0.01 * 100rpx solid #f5f5f5; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info { |
|
|
|
.product-con .store-info .info { |
|
|
|
padding: 0 0.3*100rpx; |
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
height: 1.26*100rpx; |
|
|
|
height: 1.26 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt { |
|
|
|
.product-con .store-info .info .picTxt { |
|
|
|
width: 6.15*100rpx; |
|
|
|
width: 6.15 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .pictrue { |
|
|
|
.product-con .store-info .info .picTxt .pictrue { |
|
|
|
width: 0.76*100rpx; |
|
|
|
width: 0.76 * 100rpx; |
|
|
|
height: 0.76*100rpx; |
|
|
|
height: 0.76 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .pictrue image { |
|
|
|
.product-con .store-info .info .picTxt .pictrue image { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 0.06*100rpx; |
|
|
|
border-radius: 0.06 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text { |
|
|
|
.product-con .store-info .info .picTxt .text { |
|
|
|
width: 5.22*100rpx; |
|
|
|
width: 5.22 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .name { |
|
|
|
.product-con .store-info .info .picTxt .text .name { |
|
|
|
font-size: 0.3*100rpx; |
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
color: #282828; |
|
|
|
color: #282828; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .address { |
|
|
|
.product-con .store-info .info .picTxt .text .address { |
|
|
|
font-size: 0.24*100rpx; |
|
|
|
font-size: 0.24 * 100rpx; |
|
|
|
color: #666; |
|
|
|
color: #666; |
|
|
|
margin-top: 0.03*100rpx; |
|
|
|
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; |
|
|
|
color: #707070; |
|
|
|
font-size: 0.18*100rpx; |
|
|
|
font-size: 0.18 * 100rpx; |
|
|
|
margin-left: 0.1*100rpx; |
|
|
|
margin-left: 0.1 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .picTxt .text .address .addressTxt { |
|
|
|
.product-con .store-info .info .picTxt .text .address .addressTxt { |
|
|
|
width: 4.8*100rpx; |
|
|
|
width: 4.8 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .store-info .info .iconfont { |
|
|
|
.product-con .store-info .info .iconfont { |
|
|
|
font-size: 0.4*100rpx; |
|
|
|
font-size: 0.4 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior { |
|
|
|
.product-con .superior { |
|
|
|
background-color: #fff; |
|
|
|
background-color: #fff; |
|
|
|
margin-top: 0.2*100rpx; |
|
|
|
margin-top: 0.2 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .title { |
|
|
|
.product-con .superior .title { |
|
|
|
height: 0.98*100rpx; |
|
|
|
height: 0.98 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .title image { |
|
|
|
.product-con .superior .title image { |
|
|
|
width: 0.3*100rpx; |
|
|
|
width: 0.3 * 100rpx; |
|
|
|
height: 0.3*100rpx; |
|
|
|
height: 0.3 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .title .titleTxt { |
|
|
|
.product-con .superior .title .titleTxt { |
|
|
|
margin: 0 0.2*100rpx; |
|
|
|
margin: 0 0.2 * 100rpx; |
|
|
|
font-size: 0.3*100rpx; |
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
background-image: -webkit-linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
background-image: -webkit-linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
background-image: -moz-linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
background-image: -moz-linear-gradient(to right, #f57a37 0%, #f21b07 100%); |
|
|
|
-webkit-background-clip: text; |
|
|
|
-webkit-background-clip: text; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner { |
|
|
|
.product-con .superior .slider-banner { |
|
|
|
width: 6.9*100rpx; |
|
|
|
width: 6.9 * 100rpx; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
padding-bottom: 0.2*100rpx; |
|
|
|
padding-bottom: 0.2 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list { |
|
|
|
.product-con .superior .slider-banner .list { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
padding-bottom: 0.2*100rpx; |
|
|
|
padding-bottom: 0.2 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item { |
|
|
|
.product-con .superior .slider-banner .list .item { |
|
|
|
width: 2.15*100rpx; |
|
|
|
width: 2.15 * 100rpx; |
|
|
|
margin: 0 0.22*100rpx 0.3*100rpx 0; |
|
|
|
margin: 0 0.22 * 100rpx 0.3 * 100rpx 0; |
|
|
|
font-size: 0.26*100rpx; |
|
|
|
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; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue { |
|
|
|
.product-con .superior .slider-banner .list .item .pictrue { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 2.15*100rpx; |
|
|
|
height: 2.15 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .pictrue image { |
|
|
|
.product-con .superior .slider-banner .list .item .pictrue image { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 0.06*100rpx; |
|
|
|
border-radius: 0.06 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .list .item .name { |
|
|
|
.product-con .superior .slider-banner .list .item .name { |
|
|
|
color: #282828; |
|
|
|
color: #282828; |
|
|
|
margin-top: 0.12*100rpx; |
|
|
|
margin-top: 0.12 * 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet { |
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet { |
|
|
|
background-color: #999; |
|
|
|
background-color: #999; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet-active { |
|
|
|
.product-con .superior .slider-banner .swiper-pagination-bullet-active { |
|
|
|
background-color: #e93323; |
|
|
|
background-color: #e93323; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.mask { |
|
|
|
.mask { |
|
|
|
-webkit-filter: blur(2px); |
|
|
|
-webkit-filter: blur(2px); |
|
|
|
-moz-filter: blur(2px); |
|
|
|
-moz-filter: blur(2px); |
|
|
|
-ms-filter: blur(2px); |
|
|
|
-ms-filter: blur(2px); |
|
|
|
filter: blur(2px); |
|
|
|
filter: blur(2px); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer .icon-shoucang1 { |
|
|
|
.footer .icon-shoucang1 { |
|
|
|
color: #00c17b; |
|
|
|
color: #00c17b; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-con .product-intro .conter view { |
|
|
|
.product-con .product-intro .conter view { |
|
|
|
width: 100% !important; |
|
|
|
width: 100% !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.generate-posters { |
|
|
|
.generate-posters { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 1.7*100rpx; |
|
|
|
height: 1.7 * 100rpx; |
|
|
|
background-color: #fff; |
|
|
|
background-color: #fff; |
|
|
|
position: fixed; |
|
|
|
position: fixed; |
|
|
|
left: 0; |
|
|
|
left: 0; |
|
|
|
@ -814,34 +824,34 @@ |
|
|
|
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); |
|
|
|
-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); |
|
|
|
-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); |
|
|
|
-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); |
|
|
|
transform: translate3d(0, 0, 0); |
|
|
|
-webkit-transform: translate3d(0, 0, 0); |
|
|
|
-webkit-transform: translate3d(0, 0, 0); |
|
|
|
-ms-transform: translate3d(0, 0, 0); |
|
|
|
-ms-transform: translate3d(0, 0, 0); |
|
|
|
-moz-transform: translate3d(0, 0, 0); |
|
|
|
-moz-transform: translate3d(0, 0, 0); |
|
|
|
-o-transform: translate3d(0, 0, 0); |
|
|
|
-o-transform: translate3d(0, 0, 0); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.generate-posters .item { |
|
|
|
.generate-posters .item { |
|
|
|
flex: 50%; |
|
|
|
flex: 50%; |
|
|
|
-webkit-flex: 50%; |
|
|
|
-webkit-flex: 50%; |
|
|
|
-ms-flex: 50%; |
|
|
|
-ms-flex: 50%; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.generate-posters .item .iconfont { |
|
|
|
.generate-posters .item .iconfont { |
|
|
|
font-size: 0.8*100rpx; |
|
|
|
font-size: 0.8 * 100rpx; |
|
|
|
color: #5eae72; |
|
|
|
color: #5eae72; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.generate-posters .item .iconfont.icon-haibao { |
|
|
|
.generate-posters .item .iconfont.icon-haibao { |
|
|
|
color: #5391f1; |
|
|
|
color: #5391f1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.noscroll { |
|
|
|
.noscroll { |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
Administrator
5 years ago