xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/SharePoster/sharePopup/index.less

@@ -0,0 +1,181 @@
+.share-text-popup{
+    .van-popup--bottom{
+        padding-bottom:0 !important;
+        overflow: hidden;
+    }
+}
+.popUp {
+    padding: 0 32rpx;
+    border-radius: 16rpx;
+    overflow-y: unset;
+    .share-content{
+        box-sizing: border-box;
+        height:426rpx;
+        width: 100%;
+        background-color: #ffffff;
+        border-radius: 16rpx;
+        .header-close {
+            height: 76rpx;
+            width: 100%;
+            background-color: #ffffff;
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-end;
+            align-items: center;
+        }
+        .selector {
+            display: flex;
+            align-items: flex-end;
+            height: 192rpx;
+            .poster-list {
+                width: calc(100% - 102rpx);
+                height: 100%;
+                white-space: nowrap;
+                .thumbnail {
+                    display: inline-block;
+                    padding: 12rpx;
+                    &:first-child {
+                        padding-left: 20rpx;
+                    }
+                    &:last-child {
+                        padding-right: 20rpx;
+                    }
+                    .padding {
+                        position: relative;
+                        width: 80rpx;
+                        height: 144rpx;
+                        border-radius: 16rpx;
+                        overflow: hidden;
+                        .posterImage {
+                            width: 100%;
+                            height: 100%;
+                            border-radius: 16rpx;
+                        }
+                        .activity {
+                            position: absolute;
+                            right: 0;
+                            bottom: 0;
+                            display: none;
+                            width:32rpx;
+                            height:32rpx;
+                        }
+                        &.selected {
+                            width: 92rpx;
+                            height: 160rpx;
+                            box-shadow: 0 0 0 2rpx #1472ff;
+                            .activity{
+                            display: block;
+                            }
+                        }
+                    }
+                }
+            }
+            .recommend-btn {
+                z-index: 2;
+                width: 102rpx;
+                height: 100%;
+                box-shadow: -16rpx 0rpx 16rpx -16rpx #e8e8e8;
+                display: inline-flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                .recommend{
+                    width: 48rpx;
+                    height: 48rpx;
+                }
+                .word {
+                    margin-top: 16rpx;
+                    font-size: 24rpx;
+                    color: #333333;
+                }
+            }
+        }
+        .share-methods {
+            display: flex;
+            justify-content: space-evenly;
+            .operator {
+                padding-top: 32rpx;
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+                .shareBtn{
+                    width:150rpx;
+                    height:96rpx;
+                    position: absolute;
+                    border-color:transparent;
+                    background-color: transparent;
+                }
+                //去掉小程序的按钮边框
+                .shareBtn::after{ 
+                    border: none; 
+                }
+                .operator-btn {
+                    width: 96rpx;
+                    height: 96rpx;
+                    .wechat,.recommend {
+                        width: 100%;
+                        height: 100%;
+                    }
+                }
+                .desc,.word {
+                    font-size: 24rpx;
+                    color: #333333;
+                    margin-left: 16rpx;
+                }
+                &.vertical {
+                    flex-direction: column;
+                    .desc {
+                        margin-left: 0;
+                        margin-top: 16rpx;
+                    }
+                }
+            }
+        }
+    }
+    .single-poster{
+        height:387rpx;
+    }
+    .recommend-content{
+        margin: 24rpx 32rpx;
+        padding: 32rpx;
+        border-radius: 16rpx;
+        background: #eeeeee;
+        color: #333;
+        font-size: 28rpx;
+        line-height: 42rpx;
+    }
+    .change{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0;
+        color: #333;
+        font-size: 28rpx;
+        .refreshImg{
+            width: 32rpx;
+            height: 32rpx;
+        }
+        .desc{
+            margin-left: 10rpx;
+        }
+    }
+    .copy-recommend {
+        display: flex;
+        justify-content: center;
+        padding: 48rpx 0 96rpx 0;
+        .copy-btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: 368rpx;
+            height: 80rpx;
+            border: none;
+            border-radius: 40rpx;
+            background: rgba(20, 114, 255, 1);
+            color: #fff;
+            font-weight: 500;
+            font-size: 28rpx;
+        }
+    }
+  }
+  

package/miniprogram_dist/SharePoster/sharePopup/index.wxml

@@ -0,0 +1,94 @@
+<view class="share-text-popup">
+    <!-- <button bindtap="openPopup">弹出</button> -->
+    <van-popup show="{{ showPopup}}" bind:close="onClose" position="bottom" custom-class="popUp">
+        <PosterDom
+        showPopup="{{ showPopup}}"
+        motiveInfo="{{ motiveInfo }}"
+        posterItem="{{ posterItem }}"
+        promotionInfo="{{ promotionInfo }}"
+        resBaseInfo="{{ resBaseInfo }}"
+        isSinglePoster="{{ isSinglePoster }}"
+        sensorReportParams="{{ sensorReportParams }}"
+        roomInfo="{{ roomInfo }}"
+        bind:drawPosterBegin="drawPosterBegin"
+        bind:drawPosterFulfilled="drawPosterFulfilled"></PosterDom>
+        <view class="share-content">
+            <view class="header-close">
+                <image bindtap="onClose" src="https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky1bv4le0k5v.png">
+                </image>
+            </view>
+            <view class="selector">
+                <scroll-view
+                    class="poster-list"
+                    scroll-x="{{true}}" bindscroll="scroll">
+                    <view
+                    wx:for="{{posterList}}"
+                    wx:for-item="posterItem"
+                    wx:key="key"
+                    class="thumbnail">
+                        <view
+                            class="padding {{posterItem.id === selection?'selected':''}}"
+                            bindtap="changePoster"
+                            data-item="{{posterItem}}">
+                            <image
+                                class="posterImage"
+                                alt="poster"
+                                src="{{posterItem.poster_url}}"></image>
+                            <image class="activity" src="../../common/assets/images/activity.png" alt="activity"></image>
+                        </view>
+                    </view>
+                </scroll-view>
+                <view
+                    class="recommend-btn"
+                    bindtap="showRecommendPopup">
+                    <image
+                    src="../../common/assets/images/recommend.svg"
+                    class="recommend"></image>
+                    <span class="word">
+                    推荐语
+                    </span>
+                </view>
+            </view>
+            <view class="share-methods" >
+                <view class="operator" catchtap="clickForwardFriend">
+                    <button
+                    
+                    class="shareBtn" 
+                    open-type="share">
+                        <view class="operator-btn">
+                            <image
+                                src="https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky1acpth0n87.png"
+                                class="wechat">
+                            </image>
+                        </view>
+                    </button>
+                    <div class="desc">转发给朋友</div>
+                </view>
+                <view class="operator" catchtap="shareCircle">
+                    <view class="operator-btn">
+                        <image
+                            src="https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky1acpth049r.png"
+                            class="wechat">
+                        </image>
+                    </view>
+                    <div class="desc">分享到朋友圈</div>
+                </view>
+                <view class="operator" catchtap="savePhoto">
+                    <view class="operator-btn">
+                        <image
+                            src="https://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/b_u_5b2225aa46488_oGKN7IvA/ky1acpt20kmb.png"
+                            class="wechat">
+                        </image>
+                    </view>
+                    <div class="desc">保存海报</div>
+                </view>
+            </view>
+        </view>
+    </van-popup>
+    <SaveTip wx:if="{{isShowSaveTip}}" firstContent="{{firstContent}}" secondContent="{{secondContent}}"/>
+    <SettingModal wx:if="{{isShowSettingModal}}" bindclose="closeModal" bindconfirm="confirmModal"/>
+    <UnauthorizedModal wx:if="{{isShowUnauthorizedModal}}" bindclose="closeUnauthorizedModal"/>
+    <ShareCircleTip wx:if="{{isShowShareCircleTip}}" bindclose="closeShareTip"/>
+    <ShareTextPopup recommendInfo="{{recommendInfo}}" recommendPopupVisible="{{recommendPopupVisible}}"  wx:if="{{recommendInfo.length!=0}}" bind:changePopupVisible="changePopupVisible"></ShareTextPopup>
+</view>
+

package/miniprogram_dist/SharePoster/sharePopup/index.wxss

@@ -0,0 +1,193 @@
+.share-text-popup .van-popup--bottom {
+  padding-bottom: 0 !important;
+  overflow: hidden;
+}
+.popUp {
+  padding: 0 32rpx;
+  border-radius: 16rpx;
+  overflow-y: unset;
+}
+.popUp .share-content {
+  box-sizing: border-box;
+  height: 480rpx;
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 16rpx;
+}
+.popUp .share-content .header-close {
+  height: 72rpx;
+  width: 100%;
+  background-color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+.popUp .share-content .header-close image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.popUp .share-content .selector {
+  display: flex;
+  align-items: flex-end;
+  height: 192rpx;
+}
+.popUp .share-content .selector .poster-list {
+  width: calc(100% - 102rpx);
+  height: 100%;
+  white-space: nowrap;
+}
+.popUp .share-content .selector .poster-list .thumbnail {
+  display: inline-block;
+  padding: 12rpx;
+}
+.popUp .share-content .selector .poster-list .thumbnail:first-child {
+  padding-left: 20rpx;
+}
+.popUp .share-content .selector .poster-list .thumbnail:last-child {
+  padding-right: 20rpx;
+}
+.popUp .share-content .selector .poster-list .thumbnail .padding {
+  position: relative;
+  width: 80rpx;
+  height: 144rpx;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+.popUp .share-content .selector .poster-list .thumbnail .padding .posterImage {
+  width: 100%;
+  height: 100%;
+  border-radius: 16rpx;
+}
+.popUp .share-content .selector .poster-list .thumbnail .padding .activity {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  display: none;
+  width: 32rpx;
+  height: 32rpx;
+}
+.popUp .share-content .selector .poster-list .thumbnail .padding.selected {
+  width: 92rpx;
+  height: 160rpx;
+  box-shadow: 0 0 0 2rpx #1472ff;
+}
+.popUp .share-content .selector .poster-list .thumbnail .padding.selected .activity {
+  display: block;
+}
+.popUp .share-content .selector .recommend-btn {
+  z-index: 2;
+  width: 102rpx;
+  height: 100%;
+  box-shadow: -16rpx 0rpx 16rpx -16rpx #e8e8e8;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-left: 10rpx;
+}
+.popUp .share-content .selector .recommend-btn .recommend {
+  width: 48rpx;
+  height: 48rpx;
+}
+.popUp .share-content .selector .recommend-btn .word {
+  margin-top: 16rpx;
+  font-size: 24rpx;
+  color: #333333;
+}
+.popUp .share-content .share-methods {
+  display: flex;
+  justify-content: space-around;
+}
+.popUp .share-content .share-methods .operator {
+  padding-top: 36rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+}
+.popUp .share-content .share-methods .operator .shareBtn {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+  height: auto;
+  /* position: absolute; */
+  border-color: transparent;
+  background-color: transparent;
+  line-height: 0;
+}
+.popUp .share-content .share-methods .operator .shareBtn::after {
+  border: none;
+}
+.popUp .share-content .share-methods .operator .operator-btn {
+  color: #333333;
+  /* margin-left: 16rpx; */
+  width: 96rpx;
+  height: 96rpx;
+}
+.popUp .share-content .share-methods .operator .operator-btn .wechat,
+.popUp .share-content .share-methods .operator .operator-btn .recommend {
+  width: 96rpx;
+  height: 96rpx;
+}
+.popUp .share-content .share-methods .operator .desc,
+.popUp .share-content .share-methods .operator .word {
+  margin-top: 12rpx;
+}
+.popUp .share-content .share-methods .operator.vertical {
+  flex-direction: column;
+}
+.popUp .share-content .share-methods .operator.vertical .desc {
+  margin-left: 0;
+  margin-top: 16rpx;
+}
+.popUp .single-poster {
+  height: 387rpx;
+}
+.popUp .recommend-content {
+  margin: 24rpx 32rpx;
+  padding: 32rpx;
+  border-radius: 16rpx;
+  background: #eeeeee;
+  color: #333;
+  font-size: 28rpx;
+  line-height: 42rpx;
+}
+.popUp .change {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  color: #333;
+  font-size: 28rpx;
+}
+.popUp .change .refreshImg {
+  width: 32rpx;
+  height: 32rpx;
+}
+.popUp .change .desc {
+  margin-left: 10rpx;
+}
+.popUp .copy-recommend {
+  display: flex;
+  justify-content: center;
+  padding: 48rpx 0 96rpx 0;
+}
+.popUp .copy-recommend .copy-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 368rpx;
+  height: 80rpx;
+  border: none;
+  border-radius: 40rpx;
+  background: #1472ff;
+  color: #fff;
+  font-weight: 500;
+  font-size: 28rpx;
+}
+.van-toast {
+  width: 568rpx;
+  margin: 0 auto;
+}