@@ -324,7 +324,9 @@ Component({
wx.saveImageToPhotosAlbum({
filePath: this.data.imgUrls,
success(res) {
- console.log('保存成功')
+ this.setData({
+ imgUrls: false
+ })
}
})
},
@@ -27,10 +27,15 @@
<image class="microphone" src="../../../static/image/microphone.png" />
<text>我要朗读</text>
</view>
- <view class="shareBtn footerBtn" bindtap="openShare">
- <image src="../../../static/image/share.png" />
- <text>分享</text>
+ <view class="shareBtn footerBtn">
+ <!-- <image src="../../../static/image/share.png" />
+ <text>分享</text> -->
+ <button open-type="share" plain="true" hover-class="none">
+ <image src="../../../static/image/share.png" />
+ <text>分享</text>
+ </button>
+
<canvas canvas-id="myCanvas" style="width:370px;z-index=99999; height: 507px; position: absolute; left: -99rpx; top: -999rpx;"></canvas>
<shareDialog id="share-dialog" shareType='class' />
@@ -2,9 +2,11 @@
width: 750rpx;
height: 428rpx;
-.classPage{
+.classPage {
background: #e8e8e8;
/**底部按钮区域**/
.footSection {
@@ -40,55 +42,86 @@
flex-direction: column;
margin-top: 60rpx;
-.collectBtn{
+.collectBtn {
margin-left: 80rpx
-.shareBtn{
- margin-right: 80rpx
+.shareBtn button {
+ display: flex;
+ flex-direction: column;
+ outline: none;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ /* line-height: 0; */
+ background: #f7f7f7;
+}
+button::after {
+ width: 0;
+ height: 0;
+ top: 0;
+ left: 0
+.shareBtn {
+ margin-right: 80rpx;
+ /* background: #fff; */
.footerBtn image {
width: 50rpx;
height: 48rpx;
- display:block;
- margin: 0 auto 18rpx;
+ display: block;
+ margin: 0 auto 18rpx;
.footerBtn text {
width: 112rpx;
height: 40rpx;
+ line-height:40rpx;
font-size: 28rpx;
color: #414141;
text-align: center;
.footSection .microphone {
display: block;
margin: -6rpx auto 0;
width: 108rpx;
height: 106rpx;
-.footSection .readingBtn text{
+.footSection .readingBtn text {
margin-top: -10rpx;
.readWorksSection {
width: 100%;
height: 100%;
margin-bottom: 150rpx;
- min-height:710rpx;
+ min-height: 710rpx;
-.readWorksSection .peopleNum{
+.readWorksSection .peopleNum {
display: flex;
align-items: center;
margin: 10rpx 0 10rpx 24rpx;
-.peopleNum .peoplesIcon{
+.peopleNum .peoplesIcon {
width: 28rpx;
height: 28rpx;
margin-right: 10rpx;
-.peopleNum .title{
+.peopleNum .title {
font-size: 24rpx;
color: #5d5d5d;
height: 24rpx;
@@ -21,7 +21,7 @@
.readAuthorSection .nickName {
margin-left: 20rpx;
- width: 160rpx;
+ width: 250rpx;
height: 46rpx;
font-size: 32rpx;
color: #101010;
@@ -32,7 +32,7 @@
justify-content: center;
- margin-left: 90rpx;
+ /* margin-left: 90rpx; */
width: 160rpx;
height: 60rpx;
border: 2rpx solid rgba(255, 152, 0, 1);
@@ -33,7 +33,7 @@ Page({
APIClient.myWallet().success(res => {
console.log(res.data.data);
this.setData({
- totalMoney:res.data.data.income
+ totalMoney:res.data.data.income / 100
});
}).fail(err => {
console.log(err);