Skip to content

7
7-Eleven
Commit f71194d8 by 谢中龙
Options

种草海报

parent 65262373
Showing with 253 additions and 21 deletions
src/app.json
......@@ -100,7 +100,8 @@
{
"root": "subPackageA/page",
"pages": [
"pages/deliveryCode/deliveryCode"
"pages/deliveryCode/deliveryCode",
"pages/shareArticle/shareArticle"
]
}
],
......
src/component/cardModal/cardModal.js
......@@ -57,6 +57,7 @@ Component({
* 组件的方法列表
*/
methods: {
//跳转到海报页面
gotoPoster(){
// this.setData({
// showCardModal:false
......@@ -78,7 +79,7 @@ Component({
"scene": this.data.scene,
"width": 100
}
console.log(this.data.pagePath)
wxService.post(`/marketing/quickMark/getAppQrCodePicture`, data).then(res => {
wx.hideLoading();
const { result, data } = res.data
......@@ -90,6 +91,7 @@ Component({
console.log(this.data.codeImg)
if (this.data.codeImg) {
// this.selectComponent('#getPoster').getAvaterInfo()
if (this.data.product){
let obj = {
productName: this.data.cardTitle,
minSalePrice: this.data.product.minSalePrice,
......@@ -97,11 +99,25 @@ Component({
qrcodeImg: this.data.codeImg,
type: this.data.product.type
};
wx.setStorageSync('shareInfo', obj)
wx.navigateTo({
url: '/subPackage/page/pages/shareConfig/shareConfig',
});
}
else{
let obj = {
productName: this.data.cardTitle,
productImg: this.data.cardUrl,
qrcodeImg: this.data.codeImg,
}
wx.setStorageSync('shareArticle', obj)
wx.navigateTo({
url: '/subPackage/page/pages/shareConfig/shareConfig?shareInfo=' + JSON.stringify(obj),
url: '/subPackageA/page/pages/shareArticle/shareArticle',
});
}
}
}
})
},
......
src/component/waterFlowLayout/waterFlowLayout.wxml
......@@ -77,7 +77,7 @@
data-id="{{id}}"
data-current-type="{{currentType}}"
>
<image class="share-img" src="https://img3.bigaka.com/prd/3001/202003/20200309/3001843570f0-4ff8-4e72-8d69-9710269420bf.png" />
<image class="share-img" src="/assets/imgs/7_1_0/08_22/share.png" />
<text class="share-number">{{transmitSum || 0}}</text>
</view>
</view>
......
src/pages/extendProduct/extendProduct.js
......@@ -280,10 +280,10 @@ wxService.page({
type : 'spread',
};
wx.setStorageSync('shareInfo', obj);
wx.navigateTo({
url: '/subPackage/page/pages/shareConfig/shareConfig?shareInfo=' + JSON.stringify(obj),
url: '/subPackage/page/pages/shareConfig/shareConfig',
});
// this.selectComponent('#getPoster').getAvaterInfo()
}
})
}
......
src/pages/myShare/myShare.js
......@@ -75,7 +75,6 @@ wxService.page({
},
//根据详情那边过来的点赞分享数据 更改列表中对应的数据
updateFavoriteAndShareNumById(){
console.log(wx.getStorageSync('articleInfo'))
let articleInfo = wx.getStorageSync('articleInfo');
if (articleInfo){
//更新数据
......@@ -256,7 +255,8 @@ wxService.page({
// 分享
_onTapShare(e){
const { memberId, member } = wx.getStorageSync('_baseUserInfo')
const { memberId, member } = wx.getStorageSync('_baseUserInfo');
e.detail.title = e.detail.title ? e.detail.title : e.detail.headline;
let tentacleInfo = {
content: JSON.stringify(e.detail),
contentId: e.detail.id,
......@@ -266,7 +266,6 @@ wxService.page({
}
this.data.currentShareContent = e.detail;
wxService.getTentacleContent(tentacleInfo).then(res =>{
if (res && res.id){
this.data.currentShareContent.tentacleId = res.id;
......
src/pages/myShare/myShare.wxml
......@@ -34,7 +34,7 @@
open-type='getUserInfo'
hover-class="btn-hover"
>
<view class="add">+</view>
<view class="add"><image src='/assets/imgs/icon_plus.png' mode='aspectFit'></image></view>
</button>
<view wx:if="{{currentHasUserInfo}}">
......
src/pages/myShare/myShare.wxss
......@@ -62,7 +62,7 @@ scroll-view{
color: #ffffff;
position: fixed;
right: 25rpx;
bottom: 320rpx;
bottom: 230rpx;
/* bottom: 35rpx; */
z-index: 99;
display: flex;
......
src/pages/wantToBuyDetail/wantToBuyDetail.wxml
......@@ -58,7 +58,7 @@
bindgetuserinfo="_getUserInfo"
open-type='getUserInfo' class="clear-btn">
<view class="share-oprate" bindtap="onTapShare">
<image class="share-img" src="https://img3.bigaka.com/prd/3001/202003/20200309/3001843570f0-4ff8-4e72-8d69-9710269420bf.png" />
<image class="share-img" src="/assets/imgs/7_1_0/08_22/share.png" />
<text class="share-number">{{contentInfo.transmitSum || 0}}</text>
</view>
</button>
......@@ -73,7 +73,7 @@
</view>
<view class="share-oprate" bindtap="onTapShare">
<image class="share-img" src="https://img3.bigaka.com/prd/3001/202003/20200309/3001843570f0-4ff8-4e72-8d69-9710269420bf.png" />
<image class="share-img" src="/assets/imgs/7_1_0/08_22/share.png" />
<text class="share-number">{{contentInfo.transmitSum || 0}}</text>
</view>
......
src/project.config.json
......@@ -43,7 +43,7 @@
"list": []
},
"miniprogram": {
"current": 65,
"current": 15,
"list": [
{
"id": -1,
......@@ -149,7 +149,7 @@
"id": 16,
"name": "商品详情页",
"pathName": "pages/productDetail/productDetail",
"query": "i=c72c(omX00&t=c8Yp1GGc00",
"query": "id=634719195157905408",
"scene": null
},
{
......@@ -574,6 +574,13 @@
"pathName": "subPackageA/page/pages/deliveryCode/deliveryCode",
"query": "id=686957183723900928",
"scene": null
},
{
"id": -1,
"name": "种草海报",
"pathName": "subPackageA/page/pages/shareArticle/shareArticle",
"query": "",
"scene": null
}
]
}
......
src/subPackage/page/pages/myValueCard/myValueCard.js
......@@ -166,6 +166,9 @@ wxService.page({
this.generatorBarCode(canvasId);
});
//改成跳转到详情页
},
//关闭
......
src/subPackage/page/pages/myValueCard/myValueCard.wxml
......@@ -11,7 +11,7 @@
<view class='card-status'>已过期</view>
</view>
</view>
<view class='card-top-info' bindtap='onTapShowMoreInfo' data-item="{{item}}" data-index="{{idx}}">
<view class='card-top-info' bindtap='onTapToInfoPage' data-item="{{item}}" data-index="{{idx}}">
<image class='bg-image {{item.isOpen ? "expand" : "unexpand"}}'
src='{{item.backGroundUrl}}'
mode='widthFix'></image>
......
src/subPackage/page/pages/myValueCardInfo/myValueCardInfo.js
......@@ -72,6 +72,7 @@ wxService.page({
no: obj.supValCardCode
}, () => {
this.generatorBarCode();
this.startTimer();
});
}
});
......@@ -89,9 +90,10 @@ wxService.page({
no: this.data.no,
}, () => {
this.generatorBarCode();
wx.showToast({
title: '刷新成功!',
});
// wx.showToast({
// title: '已刷新',
// icon : 'none'
// });
})
}
else {
......@@ -104,6 +106,20 @@ wxService.page({
});
},
//开始定时任务 每10s调用一下
startTimer(){
this.timer = setInterval(() => {
this.onTapRefreshNo();
},10000);
},
//
onUnload(){
if (this.timer){
clearInterval(this.timer);
}
},
//生成条形码
generatorBarCode() {
if (this.data.no) {
......
src/subPackage/page/pages/shareConfig/shareConfig.js
......@@ -85,7 +85,7 @@ wxService.page({
},
tempShareLogo: '',
username: '',
height: '1100rpx',
height: '1000rpx',
canvasTempFileUrl: '',
btnIsDisabled: true,
isInput: false,
......@@ -97,7 +97,7 @@ wxService.page({
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
let shareInfo = options.shareInfo ? JSON.parse(options.shareInfo) : null;
let shareInfo = wx.getStorageSync('shareInfo') ? wx.getStorageSync('shareInfo') : null;
this.getCurrentUserName();
wx.hideShareMenu();
if (shareInfo) {
......@@ -112,6 +112,11 @@ wxService.page({
}
},
//頁面销毁
onUnload(){
wx.removeStorageSync('shareInfo')
},
/**
* 生命周期函数--监听页面显示
*/
......
src/subPackageA/page/pages/shareArticle/shareArticle.json 0 → 100644
{
"navigationBarTitleText": "种草海报",
"usingComponents": {}
}
\ No newline at end of file
src/subPackageA/page/pages/shareArticle/shareArticle.wxml 0 → 100644
<!--share/share.wxml-->
<view hidden="{{isInput}}" class="canvas-container">
<canvas class='canvas' canvas-id="myCanvas" style="height:{{height}};"></canvas>
</view>
<view class="statistic-img" hidden="{{!isInput}}">
<image src="{{canvasTempFileUrl}}" mode="widthFix"></image>
</view>
<view class="btns-containers">
<view class="edit-btn" bindtap="onTapEditShareContent">编辑文案(限50字)</view>
<view class="save-btn {{btnIsDisabled ? 'disabled' : ''}}" bindtap="onTapSaveImg">保存海报至相册</view>
</view>
<!-- 输入文案 -->
<view class="input-text" hidden="{{!isInput}}">
<view class="input-body">
<textarea placeholder="请设置您的个性化分享海报文案(最多50个字)..."
value="{{inputText}}"
maxlength="50" bindinput="onShareTextInput"></textarea>
<view class="bot-btns">
<view class="mo-btns" bindtap="onTapCancal">取消</view>
<view class="mo-btns reset" bindtap="onTapReset">重置</view>
<view class="mo-btns sure" bindtap="onTapSure">确认</view>
</view>
</view>
</view>
\ No newline at end of file
src/subPackageA/page/pages/shareArticle/shareArticle.wxss 0 → 100644
/* subPackage/page/pages/shareConfig/shareConfig.wxss */
/* share/share.wxss */
page{
background: #ffffff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
view{
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.canvas-container{
display: flex;
justify-content: center;
padding-top: 20rpx;
}
.canvas-container canvas{
box-shadow: 0 0 8rpx 3rpx rgba(0, 0, 0, 0.1);
}
.btns-containers{
/* width: 100%; */
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
/* padding: 30rpx 80rpx; */
width: 562rpx;
margin: auto;
margin-top: 30rpx;
padding-bottom: 30rpx;
}
.btns-containers .save-btn{
background: #cb3c3c;
color: #ffffff;
flex: 1;
height: 80rpx;
border-radius: 35rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 24rpx;
border: solid 2rpx #cb3c3c;
}
.btns-containers .save-btn.disabled{
opacity:0.6;
}
.btns-containers .edit-btn{
background: #ffffff;
color: #cb3c3c;
flex: 0;
min-width: 40%;
max-width: 40%;
height: 80rpx;
border-radius: 35rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 24rpx;
border: solid 2rpx #cb3c3c;
margin-right: 30rpx;
}
.btns-containers .edit-btn:active{
opacity: 0.7;
}
.statistic-img{
width: 100%;
height: auto;
display: flex;
justify-content: center;
}
.statistic-img image{
display: block;
width: 562rpx;
height: 1000rpx;
box-shadow: 0 0 8rpx 6rpx rgba(0, 0, 0, 0.1);
}
.input-text{
position: fixed;
width: 100%;
height: 100%;
z-index: 22;
background: rgba(0,0,0,0.5);
left: 0;
top: 0;
}
.input-body{
position: absolute;
width: 80vw;
height: 28vh;
left: 50%;
margin-left: -40vw;
top: 50%;
margin-top: -20vh;
background: #ffffff;
border-radius: 8rpx;
padding: 30rpx;
display: flex;
flex-direction: column;
padding-bottom: 0;
}
.input-body textarea{
width: 100%;
flex: 1;
color: #333333;
}
.input-body .bot-btns{
flex: 0;
width: 100%;
height: auto;
/* padding-top: 30rpx; */
min-height: 90rpx;
max-height: 90rpx;
border-top: solid 1rpx #eeeeee;
display: flex;
align-items: center;
justify-content: center;
}
.input-body .bot-btns .mo-btns{
flex: 0;
min-width: 33.3%;
max-width: 33.3%;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
.input-body .bot-btns .mo-btns.reset{
border-left: solid 1rpx #eeeeee;
color: #999999;
}
.input-body .bot-btns .mo-btns.sure{
border-left: solid 1rpx #eeeeee;
color: #cb3c3c;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment