海报页面更新，新增一张海报模板

496_dongfengqichen/pages/poster/poster.js

@@ -6,7 +6,7 @@ let _savePostBg = []
 let _saveQrCodeUrl = ""
 //用户绘制头像的地址
 let _saveUserHeadUrl = ""
-let _totalDownloadTask = 5;//绘制需要下载的图片总数
+let _totalDownloadTask = 6;//绘制需要下载的图片总数
 let _currentSuccessDownloadTask = 0;//已完成下载的图片数
 let _saveImg = false;
 Page({
@@ -25,7 +25,7 @@ Page({
     windowScale:0,//屏幕缩放比
     windowW: 0,//屏幕宽度
     windowH: 0,//屏幕高度
-    posterUrl:[false,false],//海报图片
+    posterUrl:[false,false,false],//海报图片
     canvasShow: true,//是否渲染canvas
     swiperCurrent: 0,//swiper选中的元素下标
     userInfoData: app.globalData.userInfoData,
@@ -67,9 +67,9 @@ Page({
         this.data.windowScale = option.windowWidth / 750;
         this.data.windowW = option.windowWidth;
         this.data.windowH = option.windowHeight;
-        for (let i = 0; i < 2; i++) {
+        for (let i = 0; i < 3; i++) {
           wx.getImageInfo({//缓存海报背景
-            src: this.data.imgUrl + '/newImages7/'+(i+16)+'.png?v=002',
+            src: this.data.imgUrl + '/newImages7/16_'+(i+1)+'.png?v=002',
             success: res => {
               this.data.posterBg[i] = res.path;
               _savePostBg[i] = res.path;
@@ -163,7 +163,7 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-    _totalDownloadTask = 5;
+    _totalDownloadTask = 6;
     _currentSuccessDownloadTask = 0;
     _saveImg = false;
   },

496_dongfengqichen/pages/poster/poster.wxml

@@ -4,22 +4,24 @@
     <!-- <view class="titleText">分享类型</view>
     <view class="lineSty"></view>
     <image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> -->
-    <view class="selectFrame">
+    <!-- <view class="selectFrame">
       <image class="newImages17" bindtap="changeSelect" wx:if="{{selectType==1}}" src="{{imgUrl+'/newImages2/15.png'}}"></image>
       <image class="newImages17" bindtap="changeSelect" wx:if="{{selectType==2}}" src="{{imgUrl+'/newImages2/16.png'}}"></image>
       <view style="left:{{selectType==1?'0':'50%'}}" class="maskSelect"></view>
-    </view>
+    </view> -->
   <!-- <image class="posterBg" src="{{imgUrl+'/images/posterBg.jpg'}}"></image> -->
+  <view class="titleText">分享海报</view>
+  <view class="lineSty"></view>
     <canvas wx:if="{{canvasShow}}" class="canvasDraw" canvas-id="myCanvas"></canvas>
     <view wx:if="{{selectType==1}}">
       <view class="swiperFrame">
         <swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange" previous-margin="130rpx" next-margin="130rpx">
           <!-- <swiper-item wx:for="{{posterUrl}}" wx:key="index"> -->
-          <swiper-item wx:for="{{2}}" wx:key="index">
+          <swiper-item wx:for="{{3}}" wx:key="index">
             <view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}">
               <view class="imgGroup">
                 <!-- <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages3/tempImg'+(index+1)+'.jpg?v=007'}}"></image> -->
-                <image style="width:100%;" mode="widthFix" src="{{imgUrl+'/newImages7/'+(index+1+15)+'.png?v=002'}}"></image>
+                <image style="width:100%;" mode="widthFix" src="{{imgUrl+'/newImages7/16_'+(index+1)+'.png?v=002'}}"></image>
                 <view class="userMsg">
                   <image class="userHead" src="{{userHead}}"></image>
                   <!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> -->

496_dongfengqichen/pages/poster/poster.wxss

@@ -236,7 +236,7 @@ view{
   height:2rpx;
   background-color: #B6B6B6;
   margin: 0 auto;
-  margin-bottom: 30rpx;
+  margin-bottom: 110rpx;
 }
 .closeXieyi{
   position: absolute;
@@ -341,4 +341,22 @@ view{
   width: 260rpx;
   height: 56rpx;
   margin-top: 33rpx;
+}
+.titleText{
+  width: 682rpx;
+  margin: 0 auto;
+  margin-top: 78rpx;
+  margin-bottom: 28rpx;
+  line-height: 39rpx;
+  font-size:39rpx;
+  font-family:PingFangSC;
+  font-weight:bold;
+  color:rgba(0,77,149,1);
+}
+.lineSty{
+  width: 682rpx;
+  height:2rpx;
+  background-color: #B6B6B6;
+  margin: 0 auto;
+  margin-bottom: 45rpx;
 }