分享转

src/pages.json

@@ -237,6 +237,12 @@
             "style": {
                 "navigationBarTitleText": "订单分享"
             }
+        },
+        {
+            "path": "pages/pay/order-share2",
+            "style": {
+                "navigationBarTitleText": "订单分享"
+            }
         }
     ]
 }

src/pages/pay/order-share.vue

@@ -10,11 +10,11 @@
                     >{{ orderData.user.nickName }}向您推荐了订单</span
                 >
             </div>
-            <div class="line">
+            <!-- <div class="line">
                 <span class="line-ele"></span>
                 <span class="text">大家都在抢</span>
                 <span class="line-ele"></span>
-            </div>
+            </div> -->
             <ul class="good-list">
                 <li
                     class="item"
@@ -93,7 +93,8 @@
                     </div>
                 </li>
             </ul>
-            <div class="more-loading">加载中...</div>
+            <div class="more-loading" v-if="moreLoading">加载中...</div>
+            <div class="more-loading" v-else-if="!isHaveMore">没有更多数据了</div>
         </div>
         <div class="navigation">
             <ul class="navigation__list">
@@ -155,7 +156,7 @@ export default {
             loading: false, // 是否加载完成
             goodsList: [], // 详情数据 加入购物车时用
             page: 1,
-            moreLoading: true,
+            moreLoading: false,
         };
     },
 
@@ -198,7 +199,7 @@ export default {
                 .get("/Product/GetHHSGProductList", {
                     pageIndex: self.page,
                     pageSize: 20,
-                    aid: "1391692975070859265",
+                    
                 })
                 .then((res) => {
                     uni.hideLoading();
@@ -292,7 +293,7 @@ export default {
                 .get("/Product/GetHHSGProductList", {
                     pageIndex: self.page,
                     pageSize: 20,
-                    aid: "1391692975070859265",
+                    
                 })
                 .then((res) => {
                     this.moreLoading = false;

src/pages/pay/order-share2.vue

@@ -0,0 +1,596 @@
+<template>
+    <div class="page">
+        <div class="head-main">
+            <div class="user-info">
+                <my-image
+                    class="user-head"
+                    :src="orderData.user.headIcon"
+                ></my-image>
+                <span class="name"
+                    >{{ orderData.user.nickName }}向您推荐了订单</span
+                >
+            </div>
+            <!-- <div class="line">
+                <span class="line-ele"></span>
+                <span class="text">大家都在抢</span>
+                <span class="line-ele"></span>
+            </div> -->
+            <ul class="good-list">
+                <li
+                    class="item"
+                    v-for="(item, index) of orderData.productList"
+                    :key="index"
+                >
+                    <my-image
+                        class="good-img"
+                        @click="goDetail(item)"
+                        :src="item.image"
+                    ></my-image>
+                    <div class="con">
+                        <div class="info">
+                            <div class="name" @click="goDetail(item)">
+                                {{ item.name }}
+                            </div>
+                            <div
+                                class="tag-price"
+                                @click="goDetail(item)"
+                                v-if="item.tagPrice"
+                            >
+                                <span class="symbol">￥</span>
+                                {{ item.tagPrice / 100 }}
+                            </div>
+                            <div class="price" @click="goDetail(item)">
+                                <span class="symbol">￥</span>
+                                {{ item.price / 100 }}
+                            </div>
+                        </div>
+                        <div class="tool">
+                            <div class="btn" @click="addCart(item)">
+                                加入购物车
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+
+        <div class="more-list" v-if="goodsList && goodsList.length">
+            <div class="more-tit">精品推荐</div>
+            <ul class="good-list">
+                <li
+                    class="item"
+                    v-for="(item, index) of goodsList"
+                    :key="index"
+                >
+                    <my-image
+                        class="good-img"
+                        @click="goDetail(item)"
+                        :src="item.image"
+                    ></my-image>
+                    <div class="con">
+                        <div class="info" @click="goDetail(item)">
+                            <div class="name">{{ item.name }}</div>
+                            <!-- <div class="des">
+                                <span>5月14日提货</span>
+                                <span>已售5.6万件</span>
+                            </div> -->
+                            <div
+                                class="tag-price"
+                                @click="goDetail(item)"
+                                v-if="item.tagPrice"
+                            >
+                                <span class="symbol">￥</span>
+                                {{ item.tagPrice / 100 }}
+                            </div>
+                            <div class="price" @click="goDetail(item)">
+                                <span class="symbol">￥</span>
+                                {{ item.price / 100 }}
+                            </div>
+                        </div>
+                        <div class="tool" @click="addCart(item)">
+                            <div class="btn">加入购物车</div>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+            <div class="more-loading" v-if="moreLoading">加载中...</div>
+            <div class="more-loading" v-else-if="!isHaveMore">没有更多数据了</div>
+        </div>
+        <div class="navigation">
+            <ul class="navigation__list">
+                <!-- <button class="button">
+                    <li class="navigation__item">
+                        <i class="iconfont iconkefu navigation__icon"></i>
+                        <div class="navigation__text">找客服</div>
+                    </li>
+                </button> -->
+                <li
+                    class="navigation__item"
+                    @click="
+                        jump({ isTabBer: true, path: '/pages/goods/index' })
+                    "
+                >
+                    <i class="iconfont icondianpu navigation__icon"></i>
+                    <div class="navigation__text">首页</div>
+                </li>
+                <li class="navigation__item">
+                    <button v-if="user.login" class="button" @click="jumpCart">
+                        <i class="iconfont icongouwuche navigation__icon"></i>
+                        <div class="navigation__text">购物车</div>
+                    </button>
+
+                    <div class="navigation__num" v-if="cartInfo.count">
+                        {{ cartInfo.count }}
+                    </div>
+                </li>
+            </ul>
+            <div class="navigation__right">
+                <div class="price">
+                    总价：<span class="symbol">￥</span
+                    ><span class="num">{{ cartInfo.amount / 100 }}</span>
+                </div>
+                <button class="button" @click="submit">
+                    <div class="navigation__btn">去结算</div>
+                </button>
+            </div>
+        </div>
+        <g-spec ref="spec" :goods="goods" :spec.sync="spec"></g-spec>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+import GSpec from "../goods/spec";
+export default {
+    name: "",
+    components: { MyImage, GSpec },
+    // 数据
+    data() {
+        return {
+            orderId: "",
+            orderData: {},
+            cartInfo: {},
+            goods: {},
+
+            isHaveMore: true, // 是否有更多数据
+            loading: false, // 是否加载完成
+            goodsList: [], // 详情数据 加入购物车时用
+            page: 1,
+            moreLoading: false,
+        };
+    },
+
+    async onShow() {},
+    onLoad(opts) {
+        this.orderId = opts.orderId;
+        this.getCartNumber();
+        this.getOrderData();
+        this.getGoodsList();
+    },
+
+    onReachBottom() {
+        this.getMoreGoods();
+    },
+    // 函数
+    methods: {
+        getOrderData() {
+            this.api
+                .get("/Order/GetOrderInfo", {
+                    id: this.orderId,
+                })
+                .then((res) => {
+                    this.orderData = res.data;
+                    console.log(this.orderData);
+                    // this.orderProuct = this.orderData.
+                    this.fn.shareMenu();
+                    console.log(this.orderData);
+                });
+        },
+
+        // 获取商品列表
+        getGoodsList() {
+            const self = this;
+
+            self.page = 1;
+            uni.showLoading({
+                title: "加载中...",
+            });
+            self.api
+                .get("/Product/GetList", {
+                    pageIndex: self.page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    uni.hideLoading();
+                    uni.stopPullDownRefresh();
+                    let data = res.data.data;
+                    if (data.length) {
+                        self.page++;
+                    } else {
+                        self.isHaveMore = false;
+                    }
+
+                    self.goodsList = data;
+                    console.log(data);
+                    // self.loading = true;
+                    uni.hideLoading();
+                });
+        },
+
+        // 获取更多商品
+        getMoreGoods() {
+            const self = this;
+            this.moreLoading = true;
+            self.api
+                .get("/Product/GetList", {
+                    pageIndex: self.page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    this.moreLoading = false;
+                    let data = res.data.data;
+                    if (data.length) {
+                        self.page++;
+                    } else {
+                        self.isHaveMore = false;
+                    }
+
+                    self.goodsList = self.goodsList.concat(data);
+                });
+        },
+
+        // 加入购物车
+        addCart(val) {
+            const self = this;
+            let pid = val.id || val.pid;
+            uni.showLoading({
+                title: "处理中...",
+            });
+            self.api
+                .get(
+                    "/Product/Detail",
+                    {
+                        id:pid,
+                    },
+                    {
+                        pass: true,
+                    }
+                )
+                .then((res) => {
+                    self.goods = JSON.parse(res.data);
+                    console.log(self.goods);
+                    if (!self.goods.skuDetail.skus || self.goods.skuDetail.skus.length===0) {
+                        self.api
+                            .post("/Order/AddCart", {
+                                productId: pid,
+                                count: 1,
+                                skuId: self.goods.skuDetail.skus[0].skuId,
+                                productSource: 0, //,
+                            })
+                            .then((res) => {
+                                uni.hideLoading();
+                                this.fn.showToast("已成功加入购物车");
+                                this.getCartNumber();
+                            });
+                    } else {
+                        uni.hideLoading();
+                        this.openSpec();
+                    }
+                });
+        },
+        goDetail(val) {
+            const self = this;
+
+            self.router.push({
+                path: "/pages/goods/detail",
+                query: {
+                    goodsId: val.id,
+                },
+            });
+        },
+        // 打开规则选项
+        openSpec() {
+            this.$refs.spec.open("cart", (res) => {
+                this.getCartNumber();
+                this.fn.showToast("已成功加入购物车");
+            });
+        },
+
+        // 获取购物车数量
+        getCartNumber() {
+            const self = this;
+            self.api
+                .get("/Order/GetCartInfo", { productSource: 0 })
+                .then((res) => {
+                    this.cartInfo = res.data;
+                });
+        },
+
+        // 跳转到购物车
+        jumpCart() {
+            this.router.push({
+                isTabBer: true,
+                path: "/pages/cart/index",
+            });
+        },
+
+        submit() {
+            this.router.push({
+                path: "/pages/order/affirm",
+                query: {
+                    ids: this.cartInfo.orderItemIds.join(","),
+                    productSource: 1
+                },
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    overflow: auto;
+    padding-bottom: px(185);
+}
+.head-main {
+    padding: px(45);
+    background: linear-gradient(#27a34f, #78d197);
+    font-size: px(44);
+    .user-info {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .user-head {
+        width: px(70);
+        height: px(70);
+        border-radius: 50%;
+        background-color: #eee;
+        flex-shrink: 0;
+        margin-right: px(20);
+        /deep/ img {
+            width: px(60);
+            height: px(60);
+        }
+    }
+    .name {
+        color: #fff;
+    }
+    .line {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-top: px(30);
+    }
+    .text {
+        font-size: px(40);
+        color: #fff;
+        padding: 0 px(20);
+    }
+    .line-ele {
+        height: 1px;
+        width: 35%;
+        background-color: #fff;
+    }
+}
+.good-list {
+    margin-top: px(60);
+    .item {
+        display: flex;
+        justify-content: space-between;
+        align-items: stretch;
+        background-color: #fff;
+        border-radius: px(20);
+        padding: px(30);
+        .good-img {
+            background-color: pink;
+            width: px(440);
+            height: px(440);
+            flex-shrink: 0;
+            margin-right: px(30);
+            /deep/ img {
+                width: px(440);
+                height: px(440);
+            }
+        }
+        .con {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            .name {
+                font-size: px(44);
+                color: #333;
+                font-weight: bold;
+                @include omits(2);
+            }
+            .des {
+                font-size: px(40);
+                color: #888;
+                margin-top: px(20);
+                span ~ span {
+                    margin-left: px(10);
+                    padding-left: px(10);
+                    border-left: 1px solid #f1f1f1;
+                }
+            }
+            .price {
+                color: #e30b00;
+                font-size: px(54);
+                margin-top: px(20);
+                .symbol {
+                    font-size: px(40);
+                }
+            }
+            .tag-price {
+                margin-top: px(20);
+                color: #999;
+                text-decoration: line-through;
+                font-size: px(42);
+                .symbol {
+                    font-size: px(40);
+                }
+            }
+            .tool {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .btn {
+                    width: 100%;
+                    height: px(100);
+                    border-radius: px(50);
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    color: #fff;
+                    font-size: px(40);
+                    background-color: #27a34f;
+                }
+            }
+        }
+    }
+    .item ~ .item {
+        margin-top: px(30);
+    }
+}
+.navigation {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 995;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    height: px(185);
+    padding: 0 px(40);
+    background-color: #fff;
+    border-top: 1px solid #f1f1f1;
+
+    &--iphoneX {
+        height: px(215);
+        padding-bottom: px(30);
+    }
+
+    &__list {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: px(200);
+    }
+
+    &__item {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+
+    &__icon {
+        font-size: px(54);
+        color: #666;
+    }
+
+    &__text {
+        margin-top: px(20);
+        font-size: px(32);
+        color: #666;
+    }
+
+    &__num {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-width: px(40);
+        height: px(40);
+        padding: 0 px(15);
+        transform: translate(30%, -30%);
+        font-size: px(26);
+        color: #fff;
+        border-radius: px(20);
+        background-color: #ff4421;
+    }
+
+    &__right {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        flex: 1;
+        margin-left: px(40);
+    }
+
+    &__btn {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: px(270);
+        height: px(110);
+        font-size: px(40);
+        color: #fff;
+        border-radius: px(55);
+        background-color: #27a34f;
+        margin-left: px(20);
+        &--cart {
+            color: #262626;
+            background-color: #e5e5e5;
+        }
+    }
+
+    &__null {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: px(110);
+        font-size: px(40);
+        color: #fff;
+        border-radius: px(55);
+        background-color: #e5e5e5;
+    }
+    .price {
+        font-size: px(40);
+    }
+    .symbol {
+    }
+    .symbol,
+    .num {
+        color: red;
+    }
+    .num {
+        font-size: px(50);
+    }
+}
+
+.more-loading {
+    font-size: px(40);
+    color: #999;
+    text-align: center;
+    padding: px(30);
+}
+.more-list {
+    padding: px(45);
+    background-color: #f1f1f1;
+}
+.more-tit {
+    font-size: px(50);
+    font-weight: bold;
+    text-align: center;
+    padding-top: px(30);
+}
+</style>

src/pages/pay/result.vue

@@ -16,8 +16,16 @@
             </div>
 
             <div class="btn-box">
-                <button open-type="share" class="big__btn" v-if="type === 'success'">
-                    {{enablePoints?'分享到群，赚积分':'分享到群，提醒群主接单'}}
+                <button
+                    open-type="share"
+                    class="big__btn"
+                    v-if="type === 'success'"
+                >
+                    {{
+                        enablePoints
+                            ? "分享到群，赚积分"
+                            : "分享到群，提醒群主接单"
+                    }}
                 </button>
                 <div class="pay__btns">
                     <div class="pay__btn" @click="jumpOrderDetail">
@@ -38,7 +46,7 @@
         </div>
 
         <!-- yx -->
-        <div v-if="goodsList && goodsList.length">
+        <div v-if="productSource == 1 && goodsList && goodsList.length">
             <div class="more-title">买了又买</div>
             <ul class="goods">
                 <li
@@ -94,6 +102,68 @@
                 <div class="null__title">抱歉！没有找到相关商品~</div>
             </div>
         </div>
+
+        <!-- shop -->
+        <div v-if="productSource == 0 && shopGoodsList && shopGoodsList.length">
+            <div class="more-title">买了又买</div>
+            <ul class="goods">
+                <li
+                    class="goods__item"
+                    v-for="(item, index) in shopGoodsList"
+                    :key="index"
+                >
+                    <my-image
+                        class="goods__img"
+                        :src="item.image"
+                        @click="jumpShopGoodsDetail(item)"
+                    ></my-image>
+                    <div
+                        class="goods__title"
+                        @click="jumpShopGoodsDetail(item)"
+                    >
+                        {{ item.name }}
+                    </div>
+                    <div class="goods__price">
+                        <div
+                            class="goods__present"
+                            @click="jumpShopGoodsDetail(item)"
+                        >
+                            <span class="goods__rmb">¥</span>
+                            <span class="goods__big">{{
+                                item.price / 100
+                            }}</span>
+                        </div>
+                        <div
+                            class="goods__original"
+                            @click="jumpShopGoodsDetail(item)"
+                            v-if="item.tagPrice !== 0"
+                        >
+                            {{ "¥" + item.tagPrice / 100 }}
+                        </div>
+                    </div>
+                </li>
+            </ul>
+            <div class="more-text" v-if="moreLoading">- 加载中... -</div>
+            <div
+                class="more-text"
+                v-else-if="shopGoodsList.length && !isHaveMore"
+            >
+                - {{ moreLoading ? "加载中..." : "没有更多了" }} -
+            </div>
+            <div class="null" v-if="loading && !shopGoodsList.length">
+                <img
+                    class="null__img"
+                    src="/static/common/goods_null_2.jpg"
+                    alt
+                />
+                <div class="null__title">抱歉！没有找到相关商品~</div>
+            </div>
+        </div>
+        <canvas
+            class="canvas__forward"
+            canvas-id="canvas2"
+            :disable-scroll="true"
+        ></canvas>
     </div>
 </template>
 
@@ -111,13 +181,16 @@ export default {
             layout: [],
             sub: "",
             orderData: {},
-
-            isHaveMore: true, // 是否有更多数据
+            productSource: 1, // 1优选 0 店铺
+            enablePoints: false,
             loading: false, // 是否加载完成
-            goodsList: [], // 详情数据 加入购物车时用
+            moreLoading: false,
             page: 1,
-            moreLoading: true,
-            enablePoints:false,
+
+            goodsList: [], // 详情数据
+            isHaveMore: true, // 是否有更多数据
+
+            shopGoodsList: [],
         };
     },
 
@@ -134,25 +207,39 @@ export default {
             this.getEnablePoints();
         }
         await self.fn.init();
-        this.getGoodsList();
     },
 
     onReachBottom() {
-        this.getMoreGoods();
+        if (this.productSource == 1) {
+            this.getMoreGoods();
+        } else {
+            this.getMoreShopGoods();
+        }
     },
     onShareAppMessage() {
-        let url = `/pages/pay/integral-goods?orderId=${this.orderId}&shopId=${this.activeShop.id}`;
+        let url = '/pages/pay/order-share';
+        if(this.productSource == 0){
+            url = '/pages/pay/order-share2';
+        }
+        url +=`?orderId=${this.orderId}&shopId=${this.activeShop.id}&uid=${this.user.id}`;
 
+        if(this.activeShop){
+            url+=`&shopId=${this.activeShop.id}`;
+        }
+        if(this.activeShop.store){
+            url+=`&storeId=${this.activeShop.store.id}`
+        }
         return {
-            title: `来自${this.orderData.shipDetail.receiverAddressInfo.realName}的订单分享`,
+            title: `我购买了${this.orderData.orderInfo.itemOrders[0].title}，推荐您来看看`,
             path: url,
-            imageUrl: this.orderData.orderInfo.itemOrders[0].imgUrl,
+            imageUrl:
+                this.canvasforwardPath ||
+                this.orderData.orderInfo.itemOrders[0].imgUrl,
         };
     },
     // 函数
     methods: {
-
-        getEnablePoints(){
+        getEnablePoints() {
             this.api
                 .get("/Shop/GetEnablePoints", {
                     id: this.orderId,
@@ -169,8 +256,14 @@ export default {
                 })
                 .then((res) => {
                     this.orderData = JSON.parse(res.data);
+                    this.productSource = this.orderData.orderInfo.productSource;
                     this.fn.shareMenu();
-                    console.log(this.orderData)
+                    if (this.productSource == 1) {
+                        this.getGoodsList();
+                        this.creationShare2();
+                    } else {
+                        this.getShopGoods();
+                    }
                 });
         },
 
@@ -179,8 +272,6 @@ export default {
             const self = this;
 
             self.fn.pay(self.orderId, self.price);
-
-            
         },
 
         // 跳转到订单详情
@@ -211,7 +302,7 @@ export default {
                 .get("/Product/GetHHSGProductList", {
                     pageIndex: self.page,
                     pageSize: 20,
-                    aid: "1391692975070859265",
+                    
                 })
                 .then((res) => {
                     uni.hideLoading();
@@ -238,7 +329,7 @@ export default {
                 .get("/Product/GetHHSGProductList", {
                     pageIndex: self.page,
                     pageSize: 20,
-                    aid: "1391692975070859265",
+                    
                 })
                 .then((res) => {
                     this.moreLoading = false;
@@ -253,6 +344,55 @@ export default {
                 });
         },
 
+        // 店铺商品
+        getShopGoods() {
+            const self = this;
+            self.page = 1;
+            uni.showLoading({
+                title: "加载中...",
+            });
+            self.api
+                .get("/Product/GetList", {
+                    pageIndex: self.page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    uni.hideLoading();
+                    uni.stopPullDownRefresh();
+                    if (res.data.data.length) {
+                        self.page++;
+                    } else {
+                        self.isHaveMore = false;
+                    }
+
+                    self.shopGoodsList = res.data.data;
+                    uni.hideLoading();
+                });
+        },
+
+        // 更多店铺商品
+        getMoreShopGoods() {
+            const self = this;
+            this.moreLoading = true;
+            self.api
+                .get("/Product/GetList", {
+                    pageIndex: self.page,
+                    pageSize: 20,
+                })
+                .then((res) => {
+                    this.moreLoading = false;
+                    if (res.data.data.length) {
+                        self.page++;
+                    } else {
+                        self.isHaveMore = false;
+                    }
+
+                    self.shopGoodsList = self.shopGoodsList.concat(
+                        res.data.data
+                    );
+                });
+        },
+
         // 跳转到商品详情
         jumpGoodsDetail(val) {
             const self = this;
@@ -264,10 +404,129 @@ export default {
                 },
             });
         },
+
+        jumpShopGoodsDetail(val) {
+            const self = this;
+
+            self.router.push({
+                path: "/pages/goods/detail",
+                query: {
+                    goodsId: val.id,
+                },
+            });
+        },
+
+        // 创建分享图
+        creationShare2() {
+            const self = this;
+            const ctx = uni.createCanvasContext("canvas2", self);
+            const good = self.orderData.orderInfo.itemOrders[0];
+            return new Promise((resolve) => {
+                self.router.getScene(self.$mp.query).then((res) => {
+                    res.uid = self.user.id;
+                    res.shopId = self.activeShop.id;
+
+                    Promise.all([
+                        uni.getImageInfo({
+                            src:
+                                "https://oss.ixiaokejia.com/images/common/share_bg.jpg",
+                        }),
+                        uni.getImageInfo({
+                            src:
+                                "https://oss.ixiaokejia.com/images/common/share_bg_box.png",
+                        }),
+                        uni.getImageInfo({
+                            src: good.imgUrl,
+                        }),
+                        uni.getImageInfo({
+                            src:
+                                "https://oss.ixiaokejia.com/images/common/share_tag1.jpg",
+                        }),
+                        uni.getImageInfo({
+                            src:
+                                "https://oss.ixiaokejia.com/images/common/share_tag2.png",
+                        }),
+                    ]).then((res) => {
+                        // 背景
+                        ctx.drawImage(res[0][1].path, 0, 0, 500, 400);
+
+                        // 标题
+                        ctx.setFontSize(28);
+                        ctx.setFillStyle("#fff");
+                        ctx.fillText("厂商直邮", 205, 40);
+                        ctx.stroke();
+
+                        ctx.setFontSize(24);
+                        ctx.setFillStyle("#fff");
+                        ctx.fillText("免费包邮，厂商快递直邮到家", 100, 75);
+                        ctx.stroke();
+
+                        // 背景box
+                        ctx.drawImage(res[1][1].path, 10, 92, 477, 292);
+
+                        // // 商品图片
+                        ctx.drawImage(res[2][1].path, 20, 100, 275, 275);
+
+                        // 特惠商品
+                        ctx.drawImage(res[3][1].path, 310, 110, 157, 46);
+
+                        ctx.setFontSize(28);
+                        ctx.setFillStyle("#fff");
+                        ctx.fillText("特惠商品", 330, 144);
+
+                        // 价格
+                        let price = good.price / 100;
+                        ctx.setFontSize(38);
+                        ctx.setFillStyle("#f00");
+                        ctx.fillText("￥" + price, 320, 220);
+                        ctx.stroke();
+
+                        // 价格2
+                        // if (self.goods.tagPrice) {
+                        //     let tagPrice = self.goods.tagPrice / 100;
+                        //     ctx.setFontSize(28);
+                        //     ctx.setFillStyle("#999");
+                        //     ctx.fillText("￥" + tagPrice, 325, 265);
+                        //     ctx.fillRect(
+                        //         328,
+                        //         253,
+                        //         (String(tagPrice).length + 1) * 20,
+                        //         2
+                        //     );
+                        //     ctx.stroke();
+                        // }
+
+                        // buy
+                        ctx.drawImage(res[4][1].path, 307, 300, 170, 70);
+
+                        ctx.setFontSize(28);
+                        ctx.setFillStyle("#fff");
+                        ctx.fillText("立即购买", 335, 345);
+
+                        ctx.draw();
+
+                        setTimeout(() => {
+                            // 生成临时路径
+                            uni.canvasToTempFilePath({
+                                canvasId: "canvas2",
+                                fileType: "jpg",
+                                success: function (res) {
+                                    // self.canvasShow = false
+                                    self.canvasforwardPath = res.tempFilePath;
+                                },
+                            });
+                        }, 100);
+                    });
+                });
+            });
+        },
     },
 
     // 数据计算
     computed: {
+        user() {
+            return this.$store.state.user;
+        },
         activeShop() {
             return this.$store.state.common.activeShop;
         },
@@ -509,10 +768,12 @@ export default {
 
     &__rmb {
         font-size: px(30);
+        color: #27a34f;
     }
 
     &__big {
         font-size: px(38);
+        color: #27a34f;
     }
 
     &__original {
@@ -567,4 +828,15 @@ export default {
         color: #666;
     }
 }
+.canvas__forward {
+    width: 500px;
+    height: 400px;
+    background-color: #fff;
+    visibility: hidden;
+    opacity: 0;
+    position: fixed;
+    left: -999px;
+    top: -999px;
+    z-index: -1;
+}
 </style>

src/pages/user/index.vue

@@ -279,7 +279,7 @@
         </div>
 
         <div class="web-support">
-            <p class="text">0.0.982</p>
+            <p class="text">0.0.983</p>
             <!-- <div class="num" @click="makeCall">400-629-6782</div> -->
         </div>
     </div>