xiaoe_mp_npm 0.1.5 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.js +11 -0
  2. package/miniprogram_dist/ConfirmOrder/components/PickupSelect/index.less +18 -3
  3. package/miniprogram_dist/ConfirmOrder/components/PickupSelect/index.wxml +4 -2
  4. package/miniprogram_dist/ConfirmOrder/components/PickupSelect/index.wxss +17 -2
  5. package/miniprogram_dist/Lottery/components/LotteryInfo/index.js +2 -19
  6. package/miniprogram_dist/Lottery/components/LotteryResult/LosingLottery/index.js +0 -1
  7. package/miniprogram_dist/Lottery/components/LotteryResult/index.js +0 -19
  8. package/miniprogram_dist/Lottery/components/MerchantContactInfo/index.js +2 -29
  9. package/miniprogram_dist/Lottery/components/MyLottery/index.js +4 -28
  10. package/miniprogram_dist/SharePoster/PosterDom/index.js +37 -2
  11. package/miniprogram_dist/SharePoster/PosterDom/index.wxml +2 -2
  12. package/miniprogram_dist/SharePoster/PosterDom/index.wxss +3 -3
  13. package/miniprogram_dist/SharePoster/components/saveTip/index.js +40 -0
  14. package/miniprogram_dist/SharePoster/components/saveTip/index.json +5 -0
  15. package/miniprogram_dist/SharePoster/components/saveTip/index.less +0 -0
  16. package/miniprogram_dist/SharePoster/components/saveTip/index.wxml +6 -0
  17. package/miniprogram_dist/SharePoster/components/saveTip/index.wxss +21 -0
  18. package/miniprogram_dist/SharePoster/components/settingModal/index.js +38 -0
  19. package/miniprogram_dist/SharePoster/components/settingModal/index.json +5 -0
  20. package/miniprogram_dist/SharePoster/components/settingModal/index.less +0 -0
  21. package/miniprogram_dist/SharePoster/components/settingModal/index.wxml +9 -0
  22. package/miniprogram_dist/SharePoster/components/settingModal/index.wxss +45 -0
  23. package/miniprogram_dist/SharePoster/components/shareCircleTip/index.js +35 -0
  24. package/miniprogram_dist/SharePoster/components/shareCircleTip/index.json +5 -0
  25. package/miniprogram_dist/SharePoster/components/shareCircleTip/index.wxml +5 -0
  26. package/miniprogram_dist/SharePoster/components/shareCircleTip/index.wxss +35 -0
  27. package/miniprogram_dist/SharePoster/components/unauthorizedModal/index.js +35 -0
  28. package/miniprogram_dist/SharePoster/components/unauthorizedModal/index.json +5 -0
  29. package/miniprogram_dist/SharePoster/components/unauthorizedModal/index.wxml +11 -0
  30. package/miniprogram_dist/SharePoster/components/unauthorizedModal/index.wxss +51 -0
  31. package/miniprogram_dist/SharePoster/sharePopup/index.js +327 -5
  32. package/miniprogram_dist/SharePoster/sharePopup/index.json +5 -1
  33. package/miniprogram_dist/SharePoster/sharePopup/index.wxml +37 -28
  34. package/miniprogram_dist/SharePoster/sharePopup/index.wxss +27 -13
  35. package/package.json +1 -1
  36. package/src/ConfirmOrder/components/ConfirmOrderContent/index.js +11 -0
  37. package/src/ConfirmOrder/components/PickupSelect/index.less +18 -3
  38. package/src/ConfirmOrder/components/PickupSelect/index.wxml +4 -2
  39. package/src/ConfirmOrder/components/PickupSelect/index.wxss +22 -7
  40. package/src/Lottery/components/LotteryInfo/index.js +2 -19
  41. package/src/Lottery/components/LotteryResult/LosingLottery/index.js +0 -1
  42. package/src/Lottery/components/LotteryResult/index.js +0 -19
  43. package/src/Lottery/components/MerchantContactInfo/index.js +2 -29
  44. package/src/Lottery/components/MyLottery/index.js +4 -28
  45. package/src/SharePoster/PosterDom/index.js +37 -2
  46. package/src/SharePoster/PosterDom/index.wxml +2 -2
  47. package/src/SharePoster/PosterDom/index.wxss +3 -3
  48. package/src/SharePoster/components/saveTip/index.js +40 -0
  49. package/src/SharePoster/components/saveTip/index.json +5 -0
  50. package/src/SharePoster/components/saveTip/index.less +0 -0
  51. package/src/SharePoster/components/saveTip/index.wxml +6 -0
  52. package/src/SharePoster/components/saveTip/index.wxss +21 -0
  53. package/src/SharePoster/components/settingModal/index.js +38 -0
  54. package/src/SharePoster/components/settingModal/index.json +5 -0
  55. package/src/SharePoster/components/settingModal/index.less +0 -0
  56. package/src/SharePoster/components/settingModal/index.wxml +9 -0
  57. package/src/SharePoster/components/settingModal/index.wxss +46 -0
  58. package/src/SharePoster/components/shareCircleTip/index.js +35 -0
  59. package/src/SharePoster/components/shareCircleTip/index.json +5 -0
  60. package/src/SharePoster/components/shareCircleTip/index.wxml +5 -0
  61. package/src/SharePoster/components/shareCircleTip/index.wxss +35 -0
  62. package/src/SharePoster/components/unauthorizedModal/index.js +35 -0
  63. package/src/SharePoster/components/unauthorizedModal/index.json +5 -0
  64. package/src/SharePoster/components/unauthorizedModal/index.wxml +11 -0
  65. package/src/SharePoster/components/unauthorizedModal/index.wxss +52 -0
  66. package/src/SharePoster/sharePopup/index.js +327 -5
  67. package/src/SharePoster/sharePopup/index.json +5 -1
  68. package/src/SharePoster/sharePopup/index.wxml +37 -28
  69. package/src/SharePoster/sharePopup/index.wxss +27 -13
@@ -219,6 +219,17 @@ Component({
219
219
  },
220
220
  },
221
221
  observers: {
222
+ distributionMode(val) {
223
+ if (val === 1) {
224
+ this.setData({
225
+ express_type: val
226
+ })
227
+ } else if (val === 2) {
228
+ this.setData({
229
+ express_type: val
230
+ })
231
+ }
232
+ },
222
233
  marketingData(marketingData) {
223
234
  // 这里的逻辑应该是存在拼团的时候那么payment_type就要赋值为13,如果是限时折扣或者是单买的话,payment_type不做赋值默认为2
224
235
  if (
@@ -1,9 +1,24 @@
1
1
  .pickup-select-content {
2
2
  .van-cell__value {
3
3
  flex: 3;
4
- text-align: right;
5
4
  }
6
- .custom-title {
7
- margin-left: 16rpx;
5
+ .right {
6
+ display: flex;
7
+ flex-direction: column;
8
+ align-items: flex-end;
9
+ .custom-title {
10
+ max-width: 450rpx;
11
+ overflow: hidden;
12
+ white-space: nowrap;
13
+ text-overflow: ellipsis;
14
+ margin-left: 16rpx;
15
+ }
16
+ .custom-site {
17
+ max-width: 450rpx;
18
+ overflow: hidden;
19
+ white-space: nowrap;
20
+ text-overflow: ellipsis;
21
+ margin-left: 16rpx;
22
+ }
8
23
  }
9
24
  }
@@ -5,8 +5,10 @@
5
5
  <view slot="title">
6
6
  <van-tag color="#EBF1FF" text-color="#105CFB">自提</van-tag>
7
7
  </view>
8
- <view class="custom-title">{{ setPlace_name }}</view>
9
- <view class="custom-site">{{ setPlace_area }}</view>
8
+ <view class="right">
9
+ <view class="custom-title">{{ setPlace_name }}</view>
10
+ <view class="custom-site">{{ setPlace_area }}</view>
11
+ </view>
10
12
  </van-cell>
11
13
  </van-cell-group>
12
14
  </view>
@@ -1,7 +1,22 @@
1
1
  .pickup-select-content .van-cell__value {
2
2
  flex: 3;
3
- text-align: right;
4
3
  }
5
- .pickup-select-content .custom-title {
4
+ .pickup-select-content .right {
5
+ display: flex;
6
+ flex-direction: column;
7
+ align-items: flex-end;
8
+ }
9
+ .pickup-select-content .right .custom-title {
10
+ max-width: 450rpx;
11
+ overflow: hidden;
12
+ white-space: nowrap;
13
+ text-overflow: ellipsis;
14
+ margin-left: 16rpx;
15
+ }
16
+ .pickup-select-content .right .custom-site {
17
+ max-width: 450rpx;
18
+ overflow: hidden;
19
+ white-space: nowrap;
20
+ text-overflow: ellipsis;
6
21
  margin-left: 16rpx;
7
22
  }
@@ -5,7 +5,7 @@ import {PARTICIPATION_CONDITION} from '../../constants'
5
5
  import remotePic from '../../remotePic'
6
6
  import eventBus from '../../eventBus'
7
7
  import {participateLottery} from '../../store/effect'
8
- import {sensorLog} from 'live-mp-tools'
8
+
9
9
  const computedBehavior = require('miniprogram-computed').behavior
10
10
 
11
11
  const mapState = state => ({
@@ -75,13 +75,11 @@ Component(
75
75
  if (val) {
76
76
  this.setData({selectedIndex: 0})
77
77
  this.fetchPrizeInfo()
78
- this.reportData();
79
78
  }
80
79
  }
81
80
  },
82
81
  lifetimes: {
83
- attached() {
84
- },
82
+ attached() {},
85
83
  detached() {}
86
84
  },
87
85
  methods: {
@@ -152,21 +150,6 @@ Component(
152
150
  this.store.dispatch({type: 'hide_lottery_info'})
153
151
  }
154
152
  this.store.dispatch(participateLottery())
155
- },
156
- reportData(){
157
- const data = {
158
- page_id: 'raffle#raffle#raffle_window',
159
- platform:'mini',
160
- l_program: 'e_alive',
161
- current_role: this.data.baseInfo.user_type === 0 ? 'C端用户' : '讲师',
162
- type: this.data.baseInfo.alive_mode === 0 ? '横屏' : '竖屏',
163
- h_live_state: this.data.baseInfo.alive_state,
164
- c_user_id: this.data.baseInfo.user_id,
165
- app_id: this.data.baseInfo.app_id,
166
- user_channel:'',
167
- union_id:wx.getStorageSync('unionId')
168
- }
169
- sensorLog.sensors.track('view_page', data)
170
153
  }
171
154
  }
172
155
  })
@@ -1,7 +1,6 @@
1
1
  import remotePic from '../../../remotePic'
2
2
  import {connect} from '../../../store/index'
3
3
 
4
-
5
4
  const computedBehavior = require('miniprogram-computed').behavior
6
5
 
7
6
  const mapState = state => ({lotteryInfo: state.lotteryInfo})
@@ -36,24 +36,6 @@ Component(
36
36
  type: visible ? 'show_lottery_result' : 'hide_lottery_result'
37
37
  })
38
38
  },
39
- <<<<<<< HEAD
40
- reportData() {
41
- const data = {
42
- page_id: 'raffle#raffle_result',
43
- platform:'mini',
44
- l_program: 'e_alive',
45
- current_role: this.data.baseInfo.user_type === 0 ? 'C端用户' : '讲师',
46
- type: this.data.baseInfo.alive_mode === 0 ? '横屏' : '竖屏',
47
- h_live_state: this.data.baseInfo.alive_state,
48
- c_user_id: this.data.baseInfo.user_id,
49
- app_id: this.data.baseInfo.app_id,
50
- user_channel:'',
51
- union_id:wx.getStorageSync('unionId')
52
- }
53
- sensorLog.sensors.track('view_page', data)
54
- console.log('reportData:', data)
55
- }
56
- =======
57
39
  // reportData() {
58
40
  // const data = {
59
41
  // page_id: 'e_alive#mini#first#alive_room',
@@ -69,7 +51,6 @@ Component(
69
51
  // sensorLog.sensors.track('view_page', data)
70
52
  // console.log('reportData:', data)
71
53
  // }
72
- >>>>>>> master
73
54
  }
74
55
  })
75
56
  )
@@ -1,5 +1,5 @@
1
1
  import {connect} from '../../store/index'
2
- import {sensorLog} from 'live-mp-tools'
2
+
3
3
  const computedBehavior = require('miniprogram-computed').behavior
4
4
 
5
5
  /**
@@ -7,8 +7,7 @@ const computedBehavior = require('miniprogram-computed').behavior
7
7
  */
8
8
  const mapState = state => ({
9
9
  visible: state.merchantContactInfoVisible,
10
- contactInfo: state.merchantContactInfo,
11
- baseInfo: state.baseInfo
10
+ contactInfo: state.merchantContactInfo
12
11
  })
13
12
  Component(
14
13
  connect(mapState)({
@@ -22,16 +21,6 @@ Component(
22
21
  return String(data.contactInfo.is_qrcode) === '1'
23
22
  }
24
23
  },
25
- observers: {
26
- visible(val) {
27
- if (val) {
28
- this.reportData()
29
- }
30
- }
31
- },
32
- lifetimes: {
33
- attached() {}
34
- },
35
24
  methods: {
36
25
  onVisibleChange({detail: visible}) {
37
26
  this.store.dispatch({
@@ -45,22 +34,6 @@ Component(
45
34
  this.store.dispatch({type: 'hide_merchant_contact_info'})
46
35
  }
47
36
  })
48
- },
49
- reportData(){
50
- const data = {
51
- page_id: 'raffle#redeem',
52
- platform:'mini',
53
- l_program: 'e_alive',
54
- current_role: this.data.baseInfo.user_type === 0 ? 'C端用户' : '讲师',
55
- type: this.data.baseInfo.alive_mode === 0 ? '横屏' : '竖屏',
56
- h_live_state: this.data.baseInfo.alive_state,
57
- c_user_id: this.data.baseInfo.user_id,
58
- app_id: this.data.baseInfo.app_id,
59
- user_channel:'',
60
- union_id:wx.getStorageSync('unionId')
61
- }
62
- sensorLog.sensors.track('view_page', data)
63
- console.log('reportData:', data)
64
37
  }
65
38
  }
66
39
  })
@@ -1,13 +1,12 @@
1
1
  import remotePic from '../../remotePic'
2
2
  import {connect} from '../../store/index'
3
3
  import {MY_LOTTERY_CONTENT_TYPE} from '../../constants'
4
- import {sensorLog} from 'live-mp-tools'
4
+
5
5
  const computedBehavior = require('miniprogram-computed').behavior
6
6
 
7
7
  const mapState = state => ({
8
8
  visible: state.myLotteryVisible,
9
- content: state.myLotteryContent,
10
- baseInfo: state.baseInfo
9
+ content: state.myLotteryContent
11
10
  })
12
11
  Component(
13
12
  connect(mapState)({
@@ -31,16 +30,9 @@ Component(
31
30
  return data.content === MY_LOTTERY_CONTENT_TYPE.ADDRESS_COLLECTION
32
31
  }
33
32
  },
34
- observers: {
35
- visible(val) {
36
- if (val) {
37
- this.reportData()
38
- }
39
- }
40
- },
33
+ observers: {},
41
34
  lifetimes: {
42
- attached() {
43
- }
35
+ attached() {}
44
36
  },
45
37
  methods: {
46
38
  onVisibleChange({detail: visible}) {
@@ -54,22 +46,6 @@ Component(
54
46
  this.store.dispatch({type: 'set_my_lottery_content', payload: ''})
55
47
  }, POPUP_SLIDE_DURATION)
56
48
  }
57
- },
58
- reportData(){
59
- const data = {
60
- page_id: 'raffle#my_raffle',
61
- platform:'mini',
62
- l_program: 'e_alive',
63
- current_role: this.data.baseInfo.user_type === 0 ? 'C端用户' : '讲师',
64
- type: this.data.baseInfo.alive_mode === 0 ? '横屏' : '竖屏',
65
- h_live_state: this.data.baseInfo.alive_state,
66
- c_user_id: this.data.baseInfo.user_id,
67
- app_id: this.data.baseInfo.app_id,
68
- user_channel:'',
69
- union_id:wx.getStorageSync('unionId')
70
- }
71
- sensorLog.sensors.track('view_page', data)
72
- console.log('reportData:', data)
73
49
  }
74
50
  }
75
51
  })
@@ -1,6 +1,7 @@
1
1
  import objToPoster from '../createPoster/index'
2
2
  import { posterInfo } from '../libs/positionMap';
3
3
  import { TYPES,POSTER_CLS, } from '../libs/constant';
4
+ import { sensorLog } from "live-mp-tools";
4
5
  const computedBehavior = require('miniprogram-computed').behavior;
5
6
  const POSTER_WIDTH = 750;
6
7
  const POSTER_HEIGHT = 1344;
@@ -39,6 +40,14 @@ Component({
39
40
  showPopup:{
40
41
  type: Boolean,
41
42
  value: false
43
+ },
44
+ sensorReportParams: {
45
+ type: Object,
46
+ value: () => {}
47
+ },
48
+ roomInfo: {
49
+ type: Object,
50
+ value: () => {}
42
51
  }
43
52
  },
44
53
  observers: {
@@ -88,6 +97,7 @@ Component({
88
97
  posterItemData:{},
89
98
  posterStyle:"",
90
99
  defaultAvatarUrl: 'https://wechatavator-1252524126.cos.ap-shanghai.myqcloud.com/dasda.jpg',
100
+ longPressCount: 0
91
101
  },
92
102
  computed:{
93
103
  posterData(data) {
@@ -180,6 +190,31 @@ Component({
180
190
  * 组件的方法列表
181
191
  */
182
192
  methods: {
193
+ longPress() {
194
+ try{
195
+ let params = {
196
+ page_id: 'e_alive#mini#first#alive_room',
197
+ l_program: '鹅直播',
198
+ page_name: '直播间页面',
199
+ page_path: '鹅直播#小程序#首页#直播间页面',
200
+ app_id: this.properties.roomInfo.appId,
201
+ page_button: "长按保存海报",
202
+ c_user_id: this.properties.roomInfo.userId,
203
+ union_id:this.properties.roomInfo.unionId,
204
+ resource_id: this.properties.roomInfo.aliveId,
205
+ current_role:this.properties.sensorReportParams.current_role,
206
+ type:this.properties.sensorReportParams.type,
207
+ cmm1:this.properties.sensorReportParams.alive_type,
208
+ cmm2:this.properties.sensorReportParams.version_type,
209
+ comm2:this.properties.sensorReportParams.pay_type,
210
+ cmm3:'鹅直播增长'
211
+ }
212
+ sensorLog.sensors.track('click_butt', params);
213
+ console.log("当前长按了 保存图片" + Number(++this.data.longPressCount) +"次",params);
214
+ }catch(e) {
215
+ console.log("埋点", e)
216
+ }
217
+ },
183
218
  getPosterData() {
184
219
  let temInfo = this.data.posterItemData;
185
220
  let defaultPoster = this.data.posterMapInfo[this.data.posterItemData.default_poster_mark];
@@ -311,7 +346,7 @@ Component({
311
346
  isSwitchBtnShow: isShow,
312
347
  isVisible: false
313
348
  })
314
- that.triggerEvent('drawPosterFulfilled');
349
+ that.triggerEvent('drawPosterFulfilled', that.imageUrl);
315
350
  }
316
351
  }else{
317
352
  that.wxWriteFile(response,random)
@@ -365,7 +400,7 @@ Component({
365
400
  this.setData({
366
401
  isSwitchBtnShow:isShow
367
402
  })
368
- this.triggerEvent('drawPosterFulfilled');
403
+ this.triggerEvent('drawPosterFulfilled', this.data.imageUrl);
369
404
  },
370
405
  fail:(error)=>{
371
406
  console.log(error);
@@ -2,8 +2,8 @@
2
2
  <view>
3
3
  <canvas class="canvasPosition" wx-if="{{isVisible}}" type="2d" style="height: 1344px; width:750px;" id='customCanvas'></canvas>
4
4
  </view>
5
- <view class="posterDetail {{isSinglePoster? 'single-poster': '' }}">
6
- <image lazy-load="true" class="posterContent" src="{{imageUrl}}" show-menu-by-longpress="true" alt=""></image>
5
+ <view class="posterDetail">
6
+ <image lazy-load="true" class="posterContent" src="{{imageUrl}}" show-menu-by-longpress="true" alt="" bindlongpress="longPress"></image>
7
7
  <view class="saveDes">
8
8
  <image class="finger-print" src="../../common/assets/images/fingerprint.png"></image>
9
9
  <view>长按上方图片保存并分享</view>
@@ -7,15 +7,15 @@
7
7
  position: fixed;
8
8
  left: 50%;
9
9
  transform: translateX(-50%);
10
- bottom: 470rpx;
10
+ bottom: 512rpx;
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  }
14
14
  .posterDetail .posterContent {
15
- height: calc(100vh - 570rpx);
15
+ height: calc(100vh - 616rpx);
16
16
  border-radius: 16rpx;
17
17
  box-shadow: 0rpx 12rpx 20rpx 0rpx rgba(0, 0, 0, 0.08);
18
- width: calc((100vh - 570rpx)*9/16);
18
+ width: calc((100vh - 616rpx)*9/16);
19
19
  }
20
20
  .posterDetail .saveDes .finger-print,
21
21
  .posterDetail .switch-motive-btn .finger-print,
@@ -0,0 +1,40 @@
1
+ Component({
2
+ /**
3
+ * 组件的属性列表
4
+ */
5
+ properties: {
6
+ firstContent: {
7
+ type: String,
8
+ value: ''
9
+ },
10
+ secondContent: {
11
+ type: String,
12
+ value: ''
13
+ }
14
+ },
15
+
16
+ /**
17
+ * 组件的初始数据
18
+ */
19
+ data: {
20
+ },
21
+
22
+ /**
23
+ * 生命周期函数--监听页面显示
24
+ */
25
+ ready: function () {
26
+
27
+ },
28
+
29
+ /**
30
+ * 计算属性
31
+ */
32
+ computed: {
33
+ },
34
+
35
+ /**
36
+ * 组件的方法列表
37
+ */
38
+ methods: {
39
+ }
40
+ })
@@ -0,0 +1,5 @@
1
+ {
2
+ "component": true,
3
+ "usingComponents": {
4
+ }
5
+ }
@@ -0,0 +1,6 @@
1
+ <view class="setting-modal">
2
+ <view class="content-box">
3
+ <view class="first-line">{{firstContent}}</view>
4
+ <view class="second-line">{{secondContent}}</view>
5
+ </view>
6
+ </view>
@@ -0,0 +1,21 @@
1
+ .setting-modal {
2
+ position: fixed;
3
+ z-index: 999;
4
+ top: 0;
5
+ width: 100vw;
6
+ height: 100vh;
7
+ display: flex;
8
+ justify-content: center;
9
+ align-items: center;
10
+ }
11
+ .content-box {
12
+ background-color: rgba(0, 0, 0, 0.7);
13
+ padding: 24rpx 32rpx;
14
+ border-radius: 8rpx;
15
+ margin-bottom: 176rpx;
16
+ font-size: 28rpx;
17
+ font-weight: 400;
18
+ line-height: 40rpx;
19
+ color: #fff;
20
+ text-align: center;
21
+ }
@@ -0,0 +1,38 @@
1
+ Component({
2
+ /**
3
+ * 组件的属性列表
4
+ */
5
+ properties: {
6
+ },
7
+
8
+ /**
9
+ * 组件的初始数据
10
+ */
11
+ data: {
12
+ },
13
+
14
+ /**
15
+ * 生命周期函数--监听页面显示
16
+ */
17
+ ready: function () {
18
+
19
+ },
20
+
21
+ /**
22
+ * 计算属性
23
+ */
24
+ computed: {
25
+ },
26
+
27
+ /**
28
+ * 组件的方法列表
29
+ */
30
+ methods: {
31
+ closeModal() {
32
+ this.triggerEvent('close')
33
+ },
34
+ confirm(){
35
+ this.triggerEvent('confirm')
36
+ }
37
+ }
38
+ })
@@ -0,0 +1,5 @@
1
+ {
2
+ "component": true,
3
+ "usingComponents": {
4
+ }
5
+ }
@@ -0,0 +1,9 @@
1
+ <view class="setting-modal" catchtap="closeModal">
2
+ <view class="content-box" catchtap>
3
+ <view class="content">无法访问相册,请前往设置允许鹅直播访问你的照片</view>
4
+ <view class="btn">
5
+ <view class="cancel" catchtap="closeModal">取消</view>
6
+ <view class="confirm" catchtap="confirm">去设置</view>
7
+ </view>
8
+ </view>
9
+ </view>
@@ -0,0 +1,45 @@
1
+ .setting-modal {
2
+ position: fixed;
3
+ z-index: 999;
4
+ top: 0;
5
+ width: 100vw;
6
+ height: 100vh;
7
+ background: rgba(0, 0, 0, 0.4);
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ }
12
+ .content-box {
13
+ background-color: #fff;
14
+ width: 576rpx;
15
+ border-radius: 16rpx;
16
+ margin-bottom: 176rpx;
17
+ }
18
+ .content-box .content {
19
+ padding: 48rpx;
20
+ font-size: 28rpx;
21
+ font-weight: 400;
22
+ line-height: 40rpx;
23
+ color: #000;
24
+ text-align: center;
25
+ }
26
+ .content-box .btn {
27
+ display: flex;
28
+ }
29
+ .content-box .btn .cancel,
30
+ .content-box .btn .confirm {
31
+ flex: 1;
32
+ height: 96rpx;
33
+ display: flex;
34
+ justify-content: center;
35
+ align-items: center;
36
+ color: #999;
37
+ font-weight: 500;
38
+ }
39
+ .content-box .btn .cancel {
40
+ box-shadow: inset 0 0.1rpx 0 0 #ebebeb;
41
+ }
42
+ .content-box .btn .confirm {
43
+ color: #1472FF;
44
+ box-shadow: inset 0 0.1rpx 0 0 #ebebeb, inset 0.1rpx 0 0 0 #ebebeb;
45
+ }
@@ -0,0 +1,35 @@
1
+ Component({
2
+ /**
3
+ * 组件的属性列表
4
+ */
5
+ properties: {
6
+ },
7
+
8
+ /**
9
+ * 组件的初始数据
10
+ */
11
+ data: {
12
+ },
13
+
14
+ /**
15
+ * 生命周期函数--监听页面显示
16
+ */
17
+ ready: function () {
18
+
19
+ },
20
+
21
+ /**
22
+ * 计算属性
23
+ */
24
+ computed: {
25
+ },
26
+
27
+ /**
28
+ * 组件的方法列表
29
+ */
30
+ methods: {
31
+ closeModal() {
32
+ this.triggerEvent('close')
33
+ }
34
+ }
35
+ })
@@ -0,0 +1,5 @@
1
+ {
2
+ "component": true,
3
+ "usingComponents": {
4
+ }
5
+ }
@@ -0,0 +1,5 @@
1
+ <view class="setting-modal" catchtap="closeModal">
2
+ <view class="instructor">
3
+ 点击屏幕右上角「…」将直播间分享到朋友圈
4
+ </view>
5
+ </view>
@@ -0,0 +1,35 @@
1
+ .setting-modal {
2
+ position: fixed;
3
+ z-index: 999;
4
+ top: 0;
5
+ width: 100vw;
6
+ height: 100vh;
7
+ background: rgba(0, 0, 0, 0.4);
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ }
12
+ .instructor {
13
+ position: absolute;
14
+ top: 16rpx;
15
+ color: #fff;
16
+ border-radius: 8rpx;
17
+ background-color: #1472FF;
18
+ padding: 24rpx 32rpx;
19
+ font-size: 28rpx;
20
+ font-weight: 400;
21
+ line-height: 44rpx;
22
+ box-shadow: 0 -4rpx 80rpx 0 rgba(51, 51, 51, 0.2);
23
+ }
24
+ .instructor:after {
25
+ content: '';
26
+ position: absolute;
27
+ top: -30rpx;
28
+ right: 60rpx;
29
+ border: 16rpx solid #1472FF;
30
+ border-color: transparent;
31
+ border-bottom-color: #1472FF;
32
+ }
33
+ .instructor .share-tip {
34
+ width: 624rpx;
35
+ }