xiaoe_mp_npm 0.1.4 → 0.1.7

package/src/SharePoster/PosterDom/index.wxml

@@ -2,8 +2,8 @@
         <view>
         <canvas class="canvasPosition" wx-if="{{isVisible}}"  type="2d" style="height: 1344px; width:750px;"  id='customCanvas'></canvas>
         </view>
-        <view class="posterDetail {{isSinglePoster? 'single-poster': '' }}">
-                <image lazy-load="true" class="posterContent" src="{{imageUrl}}" show-menu-by-longpress="true" alt=""></image>
+        <view class="posterDetail">
+                <image lazy-load="true" class="posterContent" src="{{imageUrl}}" show-menu-by-longpress="true" alt="" bindlongpress="longPress"></image>
                 <view class="saveDes">
                     <image class="finger-print" src="../../common/assets/images/fingerprint.png"></image>
                     <view>长按上方图片保存并分享</view>

package/src/SharePoster/PosterDom/index.wxss

@@ -7,15 +7,15 @@
   position: fixed;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 470rpx;
+  bottom: 512rpx;
   display: flex;
   flex-direction: column;
 }
 .posterDetail .posterContent {
-  height: calc(100vh - 570rpx);
+  height: calc(100vh - 616rpx);
   border-radius: 16rpx;
   box-shadow: 0rpx 12rpx 20rpx 0rpx rgba(0, 0, 0, 0.08);
-  width: calc((100vh - 570rpx)*9/16);
+  width: calc((100vh - 616rpx)*9/16);
 }
 .posterDetail .saveDes .finger-print,
 .posterDetail .switch-motive-btn .finger-print,

package/src/SharePoster/components/saveTip/index.js

@@ -0,0 +1,40 @@
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    firstContent: {
+      type: String,
+      value: ''
+    },
+    secondContent: {
+      type: String,
+      value: ''
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+  },
+
+  /**
+ * 生命周期函数--监听页面显示
+ */
+  ready: function () {
+    
+  },
+
+  /**
+   *  计算属性
+   */
+  computed: {
+   },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+  }
+})

package/src/SharePoster/components/saveTip/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/src/SharePoster/components/saveTip/index.wxml

@@ -0,0 +1,6 @@
+<view class="setting-modal">
+    <view class="content-box">
+        <view class="first-line">{{firstContent}}</view>
+        <view class="second-line">{{secondContent}}</view>
+    </view>
+</view>

package/src/SharePoster/components/saveTip/index.wxss

@@ -0,0 +1,21 @@
+.setting-modal{
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.content-box {
+  background-color: rgba(0,0,0,0.7);
+  padding: 24rpx 32rpx;
+  border-radius: 8rpx;
+  margin-bottom: 176rpx;
+  font-size: 28rpx;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: #fff;
+  text-align: center;
+}

package/src/SharePoster/components/settingModal/index.js

@@ -0,0 +1,38 @@
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+  },
+
+  /**
+ * 生命周期函数--监听页面显示
+ */
+  ready: function () {
+    
+  },
+
+  /**
+   *  计算属性
+   */
+  computed: {
+   },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closeModal() {
+      this.triggerEvent('close')
+    },
+    confirm(){
+      this.triggerEvent('confirm')
+    }
+  }
+})

package/src/SharePoster/components/settingModal/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/src/SharePoster/components/settingModal/index.wxml

@@ -0,0 +1,9 @@
+<view class="setting-modal" catchtap="closeModal">
+    <view class="content-box" catchtap>
+        <view class="content">无法访问相册，请前往设置允许鹅直播访问你的照片</view>
+        <view class="btn">
+            <view class="cancel" catchtap="closeModal">取消</view>
+            <view class="confirm" catchtap="confirm">去设置</view>
+        </view>
+    </view>
+</view>

package/src/SharePoster/components/settingModal/index.wxss

@@ -0,0 +1,46 @@
+.setting-modal{
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0,0,0,0.4);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.content-box {
+  background-color: #fff;
+  width: 576rpx;
+  border-radius: 16rpx;
+  margin-bottom: 176rpx;
+}
+.content-box .content {
+  padding: 48rpx;
+  font-size: 28rpx;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: #000;
+  text-align: center;
+}
+.content-box .btn {
+  display: flex;
+}
+
+.content-box .btn .cancel,
+.content-box .btn .confirm {
+  flex: 1;
+  height: 96rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #999;
+  font-weight: 500;
+}
+.content-box .btn .cancel {
+  box-shadow: inset 0 0.10rpx 0 0 rgba(235,235,235,1);
+}
+.content-box .btn .confirm {
+  color: #1472FF;
+  box-shadow: inset 0 0.10rpx 0 0 rgba(235,235,235,1), inset 0.10rpx 0 0 0 rgba(235,235,235,1);
+}

package/src/SharePoster/components/shareCircleTip/index.js

@@ -0,0 +1,35 @@
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+  },
+
+  /**
+ * 生命周期函数--监听页面显示
+ */
+  ready: function () {
+    
+  },
+
+  /**
+   *  计算属性
+   */
+  computed: {
+   },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closeModal() {
+      this.triggerEvent('close')
+    }
+  }
+})

package/src/SharePoster/components/shareCircleTip/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/src/SharePoster/components/shareCircleTip/index.wxml

@@ -0,0 +1,5 @@
+<view class="setting-modal" catchtap="closeModal">
+    <view class="instructor">
+        点击屏幕右上角「…」将直播间分享到朋友圈
+    </view>
+</view>

package/src/SharePoster/components/shareCircleTip/index.wxss

@@ -0,0 +1,35 @@
+.setting-modal{
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0,0,0,0.4);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.instructor {
+  position: absolute;
+  top: 16rpx;
+  color: #fff;
+  border-radius: 8rpx;
+  background-color: #1472FF;
+  padding: 24rpx 32rpx;
+  font-size: 28rpx;
+  font-weight: 400;
+  line-height: 44rpx;
+  box-shadow: 0 -4rpx 80rpx 0 rgba(51,51,51,0.2);
+}
+.instructor:after {
+  content: '';
+  position: absolute;
+  top: -30rpx;
+  right: 60rpx;
+  border: 16rpx solid #1472FF;
+  border-color: transparent;
+  border-bottom-color: #1472FF;
+}
+.instructor .share-tip {
+  width: 624rpx;
+}

package/src/SharePoster/components/unauthorizedModal/index.js

@@ -0,0 +1,35 @@
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+  },
+
+  /**
+ * 生命周期函数--监听页面显示
+ */
+  ready: function () {
+    
+  },
+
+  /**
+   *  计算属性
+   */
+  computed: {
+   },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closeModal() {
+      this.triggerEvent('close')
+    }
+  }
+})

package/src/SharePoster/components/unauthorizedModal/index.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "usingComponents": {
+  }
+}

package/src/SharePoster/components/unauthorizedModal/index.wxml

@@ -0,0 +1,11 @@
+<view class="setting-modal" catchtap="closeModal">
+    <view class="main-box">
+        <view class="content-box" catchtap>
+            <view class="title">无法保存</view>
+            <view class="content">请在iPhone的“设置-隐私-照片”选项中，允许微信访问你的照片。</view>
+        </view>
+        <view class="btn">
+            <view class="cancel" catchtap="closeModal">好</view>
+        </view>
+    </view>
+</view>

package/src/SharePoster/components/unauthorizedModal/index.wxss

@@ -0,0 +1,52 @@
+.setting-modal{
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0,0,0,0.4);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.main-box {
+  width: 576rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  margin-bottom: 176rpx;
+}
+.content-box {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 48rpx;
+}
+.setting-modal .title {
+  color: #333;
+  font-size: 32rpx;
+  font-weight: 500;
+  text-align: center;
+  line-height: 48rpx;
+  margin-bottom: 16rpx;
+}
+.content-box .content {
+  font-size: 28rpx;
+  font-weight: 400;
+  line-height: 40rpx;
+  color: #666;
+  text-align: center;
+}
+.setting-modal .btn {
+  display: flex;
+}
+
+.setting-modal .btn .cancel {
+  flex: 1;
+  height: 96rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #1472FF;
+  font-weight: 500;
+  line-height: 48rpx;
+  box-shadow: inset 0 0.10rpx 0 0 rgba(235,235,235,1);
+}