|
|
@@ -164,7 +164,7 @@
|
|
|
<u-toast ref="createPosterLoading"></u-toast>
|
|
|
<u-overlay :show="showPosterFlag" :mask-click-able="false">
|
|
|
<view class="poster-wrap">
|
|
|
- <image :src="posterImgSrc" mode="widthFix"></image>
|
|
|
+ <image :src="posterImgSrc" class="poster-img" mode="widthFix"></image>
|
|
|
</view>
|
|
|
<view class="poster-box">
|
|
|
<view class="poster-btn">
|
|
|
@@ -185,34 +185,71 @@
|
|
|
</u-overlay>
|
|
|
<!-- 海报生成器 -->
|
|
|
<l-painter ref="painter" isCanvasToTempFilePath @success="painterSuccess"
|
|
|
- css="width: 750rpx; background: #fff;padding: 20rpx" v-if="detailData.goods_name&&showPoster" hidden>
|
|
|
- <l-painter-image :src="imageUrl" css="display: block; width: 100%; height: 146rpx;"/>
|
|
|
- <l-painter-view css="display: block; padding: 43rpx 0 22rpx 0;">
|
|
|
- <l-painter-text :text="detailData.goods_name"
|
|
|
- css=" color: #1D161F; font-size: 36rpx; fontWeight: 500; line-height: 42rpx;"/>
|
|
|
+ css="width: 610rpx;box-sizing: border-box; background: #fff;padding: 20rpx;border-radius: 32rpx 32rpx 32rpx 32rpx;"
|
|
|
+ v-if="detailData.goods_name&&showPoster" hidden>
|
|
|
+ <!-- <l-painter-image :src="imageUrl" css="display: block; width: 100%; height: 146rpx;" />-->
|
|
|
+ <l-painter-view css="height: 570rpx;width: 570rpx;">
|
|
|
+ <l-painter-image :src="detailData.cover" css="width: 100%; height: 100%;"/>
|
|
|
</l-painter-view>
|
|
|
- <l-painter-view css="position: relative; height: 580rpx;">
|
|
|
- <l-painter-image :src="detailData.cover" css="object-fit: contain; width: 100%; height: 100%;"/>
|
|
|
+ <l-painter-view
|
|
|
+ css="display: flex; align-items: center; justify-content: space-between; padding: 40rpx 10rpx 0;">
|
|
|
+ <l-painter-text :text="detailData.goods_name"
|
|
|
+ css="display: block; width: 368rpx;height: 72rpx;font-weight: 400;font-size: 28rpx;color: #444444;line-height: 36rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;"/>
|
|
|
+ <l-painter-view css="width: 1rpx;height: 60rpx; border-left: 1rpx solid #888888;">
|
|
|
+ </l-painter-view>
|
|
|
+ <l-painter-view css="display: flex; align-items: flex-end">
|
|
|
+ <l-painter-text css="font-size: 24rpx; font-weight: 500;color: #FF424F;line-height: 38rpx"
|
|
|
+ :text="`¥`"></l-painter-text>
|
|
|
+ <l-painter-text css="font-size: 32rpx; font-weight: 500;color: #FF424F;line-height: 38rpx;"
|
|
|
+ :text="`${detailData.price_selling}`"></l-painter-text>
|
|
|
+ </l-painter-view>
|
|
|
</l-painter-view>
|
|
|
-
|
|
|
<l-painter-view
|
|
|
- css="display: flex; align-items: center; justify-content: space-between; padding-top: 38rpx;">
|
|
|
- <l-painter-view css="flex: 1;">
|
|
|
+ css="display: flex; align-items: center; justify-content: space-between; padding: 36rpx 10rpx 10rpx;">
|
|
|
+ <l-painter-view css="width: 228rpx;height: 104rpx;">
|
|
|
<l-painter-view>
|
|
|
- <l-painter-text css="font-size: 32rpx; font-weight: 500; color: #858585; line-height: 38rpx;"
|
|
|
- text="售价:"></l-painter-text>
|
|
|
- <l-painter-text css="font-size: 32rpx; font-weight: 500; color: #7B52C8; line-height: 38rpx;"
|
|
|
- :text="`¥${detailData.price_selling}`"></l-painter-text>
|
|
|
+ <l-painter-text
|
|
|
+ css="display: block; font-size: 24rpx; font-weight: 400; color: #888888; line-height: 52rpx;"
|
|
|
+ text="① 保存图片到相册"></l-painter-text>
|
|
|
</l-painter-view>
|
|
|
- <l-painter-view css="margin-top: 11rpx;">
|
|
|
+ <l-painter-view>
|
|
|
<l-painter-text
|
|
|
- css="display: block; font-size: 28rpx; font-weight: 500; color: #858585; line-height: 33rpx;"
|
|
|
- text="长按小程序码参与"></l-painter-text>
|
|
|
+ css="display: block; font-size: 24rpx; font-weight: 400; color: #888888; line-height: 52rpx;"
|
|
|
+ text="② 打开微信扫码可见"></l-painter-text>
|
|
|
</l-painter-view>
|
|
|
</l-painter-view>
|
|
|
- <l-painter-image :src="erCodeImg" css="width: 200rpx; height: 200rpx;"/>
|
|
|
+ <l-painter-image :src="erCodeImg" css="width: 176rpx; height: 176rpx;"/>
|
|
|
</l-painter-view>
|
|
|
</l-painter>
|
|
|
+<!-- <l-painter ref="painter" isCanvasToTempFilePath @success="painterSuccess"-->
|
|
|
+<!-- css="width: 750rpx; background: #fff;padding: 20rpx" v-if="detailData.goods_name&&showPoster" hidden>-->
|
|
|
+<!-- <l-painter-image :src="imageUrl" css="display: block; width: 100%; height: 146rpx;"/>-->
|
|
|
+<!-- <l-painter-view css="display: block; padding: 43rpx 0 22rpx 0;">-->
|
|
|
+<!-- <l-painter-text :text="detailData.goods_name"-->
|
|
|
+<!-- css=" color: #1D161F; font-size: 36rpx; fontWeight: 500; line-height: 42rpx;"/>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+<!-- <l-painter-view css="position: relative; height: 580rpx;">-->
|
|
|
+<!-- <l-painter-image :src="detailData.cover" css="object-fit: contain; width: 100%; height: 100%;"/>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+
|
|
|
+<!-- <l-painter-view-->
|
|
|
+<!-- css="display: flex; align-items: center; justify-content: space-between; padding-top: 38rpx;">-->
|
|
|
+<!-- <l-painter-view css="flex: 1;">-->
|
|
|
+<!-- <l-painter-view>-->
|
|
|
+<!-- <l-painter-text css="font-size: 32rpx; font-weight: 500; color: #858585; line-height: 38rpx;"-->
|
|
|
+<!-- text="售价:"></l-painter-text>-->
|
|
|
+<!-- <l-painter-text css="font-size: 32rpx; font-weight: 500; color: #7B52C8; line-height: 38rpx;"-->
|
|
|
+<!-- :text="`¥${detailData.price_selling}`"></l-painter-text>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+<!-- <l-painter-view css="margin-top: 11rpx;">-->
|
|
|
+<!-- <l-painter-text-->
|
|
|
+<!-- css="display: block; font-size: 28rpx; font-weight: 500; color: #858585; line-height: 33rpx;"-->
|
|
|
+<!-- text="长按小程序码参与"></l-painter-text>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+<!-- <l-painter-image :src="erCodeImg" css="width: 200rpx; height: 200rpx;"/>-->
|
|
|
+<!-- </l-painter-view>-->
|
|
|
+<!-- </l-painter>-->
|
|
|
<!-- 选套装 -->
|
|
|
<u-popup :show="show" mode="bottom" :safeAreaInsetTop="true" round="10" closeable @close="close" @open="open">
|
|
|
<view class="suit-content">
|
|
|
@@ -375,7 +412,18 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- console.log("optionssuboacge==", options)
|
|
|
+ let pagePath = "/subPages/goodsDetail/goodsDetail";
|
|
|
+// 如果有 options,拼接查询参数
|
|
|
+ if (options && Object.keys(options).length > 0) {
|
|
|
+ const queryString = Object.keys(options)
|
|
|
+ .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(options[key])}`)
|
|
|
+ .join('&');
|
|
|
+ pagePath += '?' + queryString;
|
|
|
+ }
|
|
|
+ uni.setStorageSync('showPage', pagePath);
|
|
|
+ setTimeout(() => {
|
|
|
+ uni.removeStorageSync('showPage');
|
|
|
+ }, 5000);
|
|
|
this.pageOptions = options
|
|
|
this.goodsType = options.type
|
|
|
this.getAfterSalePage()
|
|
|
@@ -392,7 +440,6 @@ export default {
|
|
|
onShow() {
|
|
|
let configs = uni.getStorageSync('configs') || {}
|
|
|
this.imageUrl=configs?.shop_poster_logoimg ||`${this.$C.imageUrl}home_logo.png`
|
|
|
-
|
|
|
console.log(this.imageUrl,"============================")
|
|
|
this.reUserInfo()
|
|
|
},
|
|
|
@@ -826,10 +873,13 @@ export default {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.poster-wrap {
|
|
|
text-align: center;
|
|
|
- margin-top: 40rpx;
|
|
|
+ margin-top: 100rpx;
|
|
|
+ .poster-img {
|
|
|
+ width: 610rpx;
|
|
|
+ height: 944rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.poster-box {
|