fix

pages/myworks/myworks.js

@@ -339,6 +339,7 @@ Page({
         target
     }) {
         let video = target.dataset.info
+        console.log(target);
         const promise = new Promise(resolve => {
             this.creatShare(video).then(res => {
                 resolve(res)

pages/myworks/myworks.wxml

@@ -17,19 +17,15 @@
         <view class='mine-category'>
             <view class='play-count'>
                 <text>作品</text>
-                {{ wareCards.readAmount || 0 }}
+                {{ filters.numFilter(wareCards.readAmount) || 0 }}
             </view>
             <view class='play-count'>
                 <text>播放量</text>
-                {{ wareCards.playAmount || 0 }}
+                {{filters.numFilter( wareCards.playAmount) || 0 }}
             </view>
             <view class='follow-count'>
                 <text>粉丝</text>
-                {{ wareCards.fansAmount || 0 }}
-            </view>
-            <view class='flower-count'>
-                <text>小红花</text>
-                {{ wareCards.integralAmount || 0 }}
+                {{ filters.numFilter(wareCards.fansAmount) || 0 }}
             </view>
         </view>
     </view>

pages/myworks/myworks.wxss

@@ -1,402 +1,392 @@
 /* pages/user/myworks/myworks.wxss */
+
 page {
-  width: 100%;
-  background: #F0F1F5;
+    width: 100%;
+    background: #F0F1F5;
 }
 
-.comment_section{
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 98%;
-  z-index: 9999;
-  background: rgba(0, 0, 0, .3);
-  overflow: hidden;
+.comment_section {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 98%;
+    z-index: 9999;
+    background: rgba(0, 0, 0, .3);
+    overflow: hidden;
 }
 
 .user-works {
-  width: 100%;
-  box-sizing: border-box;
-  /* padding: 0 15rpx; */
-  background: #F0F1F5;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
+    width: 100%;
+    box-sizing: border-box;
+    /* padding: 0 15rpx; */
+    background: #F0F1F5;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
 }
 
 .follow-details {
-  width: 100%;
-  height: 230rpx;
-  /* border-radius: 20rpx; */
-  background: #FFFFFF;
-  /* margin-top: 30rpx; */
-  margin: 20rpx 0 20rpx;
-  display: flex;
-  position: relative;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-
+    width: 100%;
+    height: 230rpx;
+    /* border-radius: 20rpx; */
+    background: #FFFFFF;
+    /* margin-top: 30rpx; */
+    margin: 20rpx 0 20rpx;
+    display: flex;
+    position: relative;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
 }
 
 .follow-info {
-  width: 100%;
-  display: flex;
-  padding: 30rpx 22rpx 10rpx 30rpx;
+    width: 100%;
+    display: flex;
+    padding: 30rpx 22rpx 10rpx 30rpx;
 }
 
 .follow {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  /* width: 154rpx; */
-  /* height: 58rpx; */
-  font-size: 26rpx;
-  color: #8a8a8a;
-  position: absolute;
-  top: 54rpx;
-  right: 32rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    /* width: 154rpx; */
+    /* height: 58rpx; */
+    font-size: 26rpx;
+    color: #8a8a8a;
+    position: absolute;
+    top: 54rpx;
+    right: 32rpx;
 }
 
 .follow image {
-  width: 160rpx;
-  height: 50rpx;
-  /* margin-right: 15rpx; */
-  /* margin-bottom: 8rpx; */
+    width: 160rpx;
+    height: 50rpx;
+    /* margin-right: 15rpx; */
+    /* margin-bottom: 8rpx; */
 }
 
 .avatar-bg {
-  margin-left: 20rpx;
-  margin-top: 50rpx;
-  width: 152rpx;
-  height: 152rpx;
-  background: #61CA54;
-  border-radius: 50%;
-  position: relative;
+    margin-left: 20rpx;
+    margin-top: 50rpx;
+    width: 152rpx;
+    height: 152rpx;
+    background: #61CA54;
+    border-radius: 50%;
+    position: relative;
 }
 
 .avatar-box {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 50%;
-  z-index: 300;
-  /* position: absolute;
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    z-index: 300;
+    /* position: absolute;
   top: 7rpx;
   left: 7rpx; */
 }
 
 .avatar-image {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 50%;
-  margin-right: 28rpx;
-}
-.avatar-nickname{
-  max-width: 290rpx;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 30rpx;
-  color: rgba(0, 0, 0, .8);
-  font-weight: 600;
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    margin-right: 28rpx;
 }
 
+.avatar-nickname {
+    max-width: 290rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 30rpx;
+    color: rgba(0, 0, 0, .8);
+    font-weight: 600;
+}
 
 .avatar-address {
-  width: 500rpx;
+    width: 500rpx;
 }
 
 .flowers-box {
-  width: 26rpx;
-  height: 26rpx;
-  margin-left: 10rpx;
+    width: 26rpx;
+    height: 26rpx;
+    margin-left: 10rpx;
 }
 
 .flowers-box>image {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
 
 .occupation-title {
-  width: 60rpx;
-  height: 30rpx;
-  background: rgba(97, 202, 84, 1);
-  border-radius: 15rpx;
-  font-size: 22rpx;
-  font-weight: 800;
-  color: rgba(255, 255, 255, 1);
-  line-height: 30rpx;
-  text-align: center;
-  position: absolute;
-  bottom: -10rpx;
-  left: 48rpx;
-
-
+    width: 60rpx;
+    height: 30rpx;
+    background: rgba(97, 202, 84, 1);
+    border-radius: 15rpx;
+    font-size: 22rpx;
+    font-weight: 800;
+    color: rgba(255, 255, 255, 1);
+    line-height: 30rpx;
+    text-align: center;
+    position: absolute;
+    bottom: -10rpx;
+    left: 48rpx;
 }
 
 .avatar-msg {
-  margin-left: 40rpx;
-  font-size: 32rpx;
+    margin-left: 40rpx;
+    font-size: 32rpx;
 }
 
 .set-msg {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
-
-
 .mine-category {
-  box-sizing: border-box;
-  width: 674rpx;
-  /* padding-top: 30rpx; */
-  border-top: 1rpx solid rgba(0,0,0,.2);
-  padding-top: 26rpx;
-  font-size: 28rpx;
-  /* font-weight: 600; */
-  color: rgba(0,0,0,.8);
-  z-index: 900;
-  display: flex;
-  margin: 0 auto;
-  /* position: absolute; */
-  /* top: 246rpx; */
-  /* left: 5%; */
-  justify-content: space-around;
+    box-sizing: border-box;
+    width: 674rpx;
+    /* padding-top: 30rpx; */
+    border-top: 1rpx solid rgba(0, 0, 0, .2);
+    padding-top: 26rpx;
+    font-size: 28rpx;
+    /* font-weight: 600; */
+    color: rgba(0, 0, 0, .8);
+    z-index: 900;
+    display: flex;
+    margin: 0 auto;
+    /* position: absolute; */
+    /* top: 246rpx; */
+    /* left: 5%; */
+    justify-content: space-around;
 }
 
 .border-right {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 24rpx;
-  font-weight: lighter;
-  height: 22rpx;
-  border-right: 2rpx solid #D6D6D6;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 24rpx;
+    font-weight: lighter;
+    height: 22rpx;
+    border-right: 2rpx solid #D6D6D6;
 }
 
 .flower-count .border-right {
-  border: none;
+    border: none;
+}
+
+.play-count {
+    text-align: center;
 }
 
-.play-count,
 .point-count,
 .follow-count,
 .flower-count {
-  width: 25%;
-  text-align: center;
+    width: 25%;
+    text-align: center;
 }
 
 .play-img {
-  width: 28rpx;
-  height: 26rpx;
-  margin-right: 6rpx;
-  margin-bottom: 6rpx;
+    width: 28rpx;
+    height: 26rpx;
+    margin-right: 6rpx;
+    margin-bottom: 6rpx;
 }
 
-
 .red-heart {
-  width: 26rpx;
-  height: 22rpx;
-  margin-right: 6rpx;
-  margin-bottom: 6rpx;
+    width: 26rpx;
+    height: 22rpx;
+    margin-right: 6rpx;
+    margin-bottom: 6rpx;
 }
 
 .point-img {
-  width: 24rpx;
-  height: 26rpx;
-  margin-right: 6rpx;
-  margin-bottom: 6rpx;
+    width: 24rpx;
+    height: 26rpx;
+    margin-right: 6rpx;
+    margin-bottom: 6rpx;
 }
 
 image {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
 
 .color {
-  text-align: right;
-  padding-right: 44rpx;
-
+    text-align: right;
+    padding-right: 44rpx;
 }
 
-
-
 .hotWares {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  /* background: #e8e8e8; */
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    /* background: #e8e8e8; */
 }
 
 .recommdSection .hotWares .worksCard {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 484rpx;
-  background: #fff;
-  /* padding: 26rpx; */
-  /* border-radius: 12rpx; */
-  /* margin: 0 0 18rpx 16rpx; */
-  margin: 0 auto 10rpx;
-  /* box-shadow: 0 8rpx 6rpx 0 rgba(0, 0, 0, .28); */
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    height: 484rpx;
+    background: #fff;
+    /* padding: 26rpx; */
+    /* border-radius: 12rpx; */
+    /* margin: 0 0 18rpx 16rpx; */
+    margin: 0 auto 10rpx;
+    /* box-shadow: 0 8rpx 6rpx 0 rgba(0, 0, 0, .28); */
 }
 
 .worksCard {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 496rpx;
-  background: #fff;
-  margin: 0 auto 20rpx;
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    height: 496rpx;
+    background: #fff;
+    margin: 0 auto 20rpx;
 }
 
 .worksCard .wareCardImg {
-  display: block;
-  width: 704rpx;
-  height: 290rpx;
-  margin: 21rpx auto 0;
-  border-radius: 20rpx;
+    display: block;
+    width: 704rpx;
+    height: 290rpx;
+    margin: 21rpx auto 0;
+    border-radius: 20rpx;
 }
 
 .worksCard .titleSummary {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 12rpx;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 12rpx;
 }
 
 .worksCard .wareCardTitle {
-  /* margin: 0 auto; */
-  width: 80%;
-  height: 46rpx;
-  display: block;
-  /* text-align: left; */
-  color: #444;
-  font-size: 32rpx;
-  /* letter-spacing: 4rpx; */
-  margin-left: 28rpx;
-  font-family: MicrosoftYaHei;
+    /* margin: 0 auto; */
+    width: 80%;
+    height: 46rpx;
+    display: block;
+    /* text-align: left; */
+    color: #444;
+    font-size: 32rpx;
+    /* letter-spacing: 4rpx; */
+    margin-left: 28rpx;
+    font-family: MicrosoftYaHei;
 }
 
 .worksCard .topData {
-  height: 92rpx;
-  margin-top: 22rpx;
-  display: flex;
-  flex-direction: row;
-  /* justify-content: space-between; */
-  align-items: center;
+    height: 92rpx;
+    margin-top: 22rpx;
+    display: flex;
+    flex-direction: row;
+    /* justify-content: space-between; */
+    align-items: center;
 }
 
 .worksLeft {
-  display: flex;
-  flex-direction: row;
-  flex: 1;
-  margin-left: 10rpx;
-
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    margin-left: 10rpx;
 }
 
 .worksLeft .worksInfo .authorName {
-  color: #393939;
-  font-size: 30rpx;
-  margin-top: 8rpx;
-
+    color: #393939;
+    font-size: 30rpx;
+    margin-top: 8rpx;
 }
 
 .worksLeft .worksInfo .time {
-  color: #393939;
-  font-size: 30rpx;
-
+    color: #393939;
+    font-size: 30rpx;
 }
 
 .worksCard .topData .wareCardPlays {
-  width: 100rpx;
-  /* margin-left: 270rpx; */
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
-  padding-right: 35rpx;
-  margin-bottom: 7rpx;
+    width: 100rpx;
+    /* margin-left: 270rpx; */
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    padding-right: 35rpx;
+    margin-bottom: 7rpx;
 }
 
 .worksCard .topData .authorAvatar {
-  width: 92rpx;
-  height: 92rpx;
-  margin: 0 22rpx 0 22rpx;
-  display: block;
-  border: 4rpx solid #61CA54;
-  border-radius: 50%;
+    width: 92rpx;
+    height: 92rpx;
+    margin: 0 22rpx 0 22rpx;
+    display: block;
+    border: 4rpx solid #61CA54;
+    border-radius: 50%;
 }
 
 .worksCard .topData .profession {
-  width: 68rpx;
-  height: 24rpx;
-  background: rgba(97, 202, 84, 1);
-  border-radius: 166rpx;
-  border: 2rpx solid rgba(255, 255, 255, 1);
-  font-size: 16rpx;
-  /* font-family: PingFangSC-Medium; */
-  /* font-weight: 500; */
-  color: rgba(255, 255, 255, 1);
-  line-height: 24rpx;
-  text-align: center;
-  position: absolute;
-  bottom: -7rpx;
-  left: 37rpx;
-
+    width: 68rpx;
+    height: 24rpx;
+    background: rgba(97, 202, 84, 1);
+    border-radius: 166rpx;
+    border: 2rpx solid rgba(255, 255, 255, 1);
+    font-size: 16rpx;
+    /* font-family: PingFangSC-Medium; */
+    /* font-weight: 500; */
+    color: rgba(255, 255, 255, 1);
+    line-height: 24rpx;
+    text-align: center;
+    position: absolute;
+    bottom: -7rpx;
+    left: 37rpx;
 }
 
 .topData .numberInfo {
-  display: flex;
-  flex-direction: column;
+    display: flex;
+    flex-direction: column;
 }
 
 .worksCard .wareCardTip {
-  width: 178rpx;
-  height: 40rpx;
-  display: block;
-  text-align: left;
-  color: #444;
-  font-size: 24rpx;
-  line-height: 44rpx;
-
+    width: 178rpx;
+    height: 40rpx;
+    display: block;
+    text-align: left;
+    color: #444;
+    font-size: 24rpx;
+    line-height: 44rpx;
 }
 
 .worksCard .wareCardPlays .wareCardPlaysImg {
-  width: 30rpx;
-  height: 26rpx;
-  margin-left: 7rpx;
-  float: right;
-  margin-right: -3rpx;
+    width: 30rpx;
+    height: 26rpx;
+    margin-left: 7rpx;
+    float: right;
+    margin-right: -3rpx;
 }
 
 .worksCard .wareCardPlays text {
-  /* margin-left: 4rpx; */
-  color: #848484;
-  font-size: 24rpx;
-  text-align: right;
-  /* width:57%; */
-  float: right;
+    /* margin-left: 4rpx; */
+    color: #848484;
+    font-size: 24rpx;
+    text-align: right;
+    /* width:57%; */
+    float: right;
 }
 
 .worksCard .wareCardLikes {
-  width: 100rpx;
-  margin-right: 18rpx;
-  display: flex;
-  flex-direction: row-reverse;
-  align-items: center;
+    width: 100rpx;
+    margin-right: 18rpx;
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
 }
 
 .worksCard .wareCardLikes .wareCardLikesImg {
-  width: 22rpx;
-  height: 26rpx;
-  margin-left: 7rpx;
+    width: 22rpx;
+    height: 26rpx;
+    margin-left: 7rpx;
 }
 
 .worksCard .wareCardLikes text {
-  /* margin-left: 4rpx; */
-  color: #848484;
-  font-size: 24rpx;
+    /* margin-left: 4rpx; */
+    color: #848484;
+    font-size: 24rpx;
 }

pages/reading/reading.js

@@ -67,6 +67,9 @@ Page({
     },
     getClassInfo: function(id) {
         httpRequestApi.getClassDetail(id).success(res => {
+            wx.setNavigationBarTitle({
+                title: res.data.data.userRead.title,
+            })
             console.log('课程信息', res)
             let reg = /\\n/g
             this.setData({
@@ -113,6 +116,7 @@ Page({
         }
     },
     onShow: function() {
+
         // this.getUserInfo()
         this.videoCtx = wx.createVideoContext('myVideo', this);
         let data = requirePlugin("myPlugin");
@@ -132,11 +136,7 @@ Page({
             // this.ss = new data.ssEngine(obj);
         this.recorderManager = wx.getRecorderManager();
         this.recorderManager.onStop((res) => {
-            // wx.showToast({
-            //     title: 'onStop',
-            //     icon: 'fail',
-            //     duration: 500
-            // })
+
             this.videoCtx.seek(0);
             this.videoCtx.stop();
             console.log('recorder stop', res)
@@ -644,7 +644,6 @@ Page({
         };
         httpRequestApi.getClassRead(data).success(res => {
             const readInfo = res.data.data.list;
-            console.log(res)
             readInfo.forEach(item => {
                 const temp = {};
                 temp.title = item.userRead ? item.userRead.title : '';
@@ -740,20 +739,97 @@ Page({
         const id = e.detail.activeId ? e.detail.activeId : e.currentTarget.dataset.id;
         this.getClassInfo(id)
     },
-    onShareAppMessage: function(res) {
-        if (res.from === 'button') {
-            return {
-                title: '请欣赏我的课文朗读作品，点赞+评论。',
-                path: `/pages/index/index?readId=${this.data.shareId}&activity=${this.data.ifTapActivity}}&uid=${wx.getStorageSync('uid')}`,
-                imageUrl: this.data.shareImg
-            }
-        } else {
-            return {
-                title: '课文朗读，从未如此有趣。',
-                path: '/pages/index/index',
-            }
+    creatShare(video) {
+        return new Promise((resolve, reject) => {
+            let context = wx.createSelectorQuery();
+            context
+                .select('#share')
+                .fields({
+                    node: true,
+                    size: true
+                }).exec((res) => {
+                    const canvas = res[0].node;
+                    const ctx = canvas.getContext('2d');
+                    const dpr = wx.getSystemInfoSync().pixelRatio;
+                    canvas.width = res[0].width * dpr;
+                    canvas.height = res[0].height * dpr;
+                    ctx.scale(dpr, dpr);
+                    ctx.font = '14px PingFang';
+                    let pic = canvas.createImage();
+                    pic.src = video.coverImg; //可以是本地，也可以是网络图片
+                    pic.onload = () => {
+                        ctx.drawImage(pic, 0, 0, 375, 211);
+                    }
+                    let peiyin = canvas.createImage();
+                    peiyin.src = '/static/image/peiyin.jpg';
+                    peiyin.onload = () => {
+                        ctx.drawImage(peiyin, 0, 211, 375, 89);
+                        // 收藏，一个一个渲染
+                        let sc = canvas.createImage();
+                        sc.src = '/static/image/no_collect.png'
+                        sc.onload = () => {
+                            ctx.drawImage(sc, 12, 220, 20, 20)
+                            ctx.fillText('收藏', 36, 238)
+                                //分享
+                            let fx = canvas.createImage();
+                            fx.src = '/static/index/share.png'
+                            fx.onload = () => {
+                                ctx.drawImage(fx, 78, 220, 22, 22)
+                                ctx.fillText('分享', 104, 238)
+                                    //点赞
+                                let dz = canvas.createImage();
+                                dz.src = video.isLike ? '/static/index/heart_colored.png' : '/static/index/heart.png'
+                                dz.onload = () => {
+                                    ctx.drawImage(dz, 258, 222, 22, 22)
+                                    ctx.fillText(video.likes, 284, 238)
+                                        //评论
+                                    let pl = canvas.createImage();
+                                    pl.src = '/static/index/comment.png'
+                                    pl.onload = () => {
+                                        ctx.drawImage(pl, 318, 222, 22, 22)
+                                        ctx.fillText(video.commentAmount, 340, 238)
+                                        setTimeout(() => {
+                                            wx.canvasToTempFilePath({
+                                                canvas: canvas,
+                                                success(res) {
+                                                    resolve({
+                                                        title: '请欣赏我的课文朗读作品，点赞+评论。',
+                                                        path: `/pages/index/index?readId=${video.id}&uid=${wx.getStorageSync('uid')}`,
+                                                        imageUrl: res.tempFilePath
+                                                    })
+                                                },
+                                                fail(res) {
+                                                    reject()
+                                                }
+                                            }, this)
+                                        }, 500)
+                                    }
+                                }
+                            }
+                        }
+                    }
+                })
+        })
+    },
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage({
+        target
+    }) {
+        let video = target.dataset.info
+        const promise = new Promise(resolve => {
+            this.creatShare(video).then(res => {
+                resolve(res)
+            })
+        })
+        console.log(video);
+        return {
+            title: '请欣赏我的课文朗读作品，点赞+评论。',
+            path: `/pages/index/index?readId=${video.id}&uid=${wx.getStorageSync('uid')}`,
+            imageUrl: video.coverImg,
+            promise
         }
-
     },
     touchMove: function() {
         return

pages/reading/reading.wxml

@@ -64,7 +64,7 @@
             <text>{{tone}}/100</text>
         </view>
     </view>
-    <VideoSwiper bindopenShare="openShare" wx:if="{{videoList && videoList.length > 0 && isVideoListShow}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" noMoreWork="{{noMoreWork}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindcollectTap="collectTap" bindlikeTap="likeTap" bindgoToReading="goToReading" bindaddShareAmount="addShareAmount" bindonPlay="onPlay"></VideoSwiper>
+    <VideoSwiper  bindopenShare="openShare" wx:if="{{videoList && videoList.length > 0 && isVideoListShow}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" noMoreWork="{{noMoreWork}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindcollectTap="collectTap" bindlikeTap="likeTap" bindgoToReading="goToReading" bindaddShareAmount="addShareAmount" bindonPlay="onPlay"></VideoSwiper>
 </view>
 <view class="comment_section" catchtouchmove="touchMove" catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
     <Comment data-type="list"  commentId="{{commentId}}" />
@@ -124,3 +124,4 @@
   </view>
 </view> -->
 <readingTips id="readingTips"></readingTips>
+<canvas id='share' type="2d"> </canvas>

pages/user/myEdit/myEdit.wxml

@@ -8,7 +8,7 @@
             <view class='nickname-box'>
                 <text class='setting-title'>昵称</text>
                 <view class='user-action'>
-                    <input name='nickname' type="nickname" placeholder="请输入昵称" class='nickname' maxlength="9" placeholder='{{user.nickName}}' placeholder-class='placeholderStyle' value='{{user.nickName}}' bindblur='saveNickName'></input>
+                    <input name='nickname' type="nickname" placeholder="请输入昵称" class='nickname' maxlength="9"  placeholder-class='placeholderStyle' value='{{user.nickName}}' bindblur='saveNickName'></input>
                 </view>
                 <view class='edit-img'>
                     <image src='../../../static/image/edit_new.png' class='icon'></image>