|
@@ -61,13 +61,14 @@
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 积分包 -->
|
|
<!-- 积分包 -->
|
|
|
- <view class="share-popup__field">
|
|
|
|
|
|
|
+ <view class="share-popup__field share-popup__field--package">
|
|
|
<text class="share-popup__label">选择积分包</text>
|
|
<text class="share-popup__label">选择积分包</text>
|
|
|
|
|
|
|
|
<view class="share-popup__picker">
|
|
<view class="share-popup__picker">
|
|
|
<wd-picker-view
|
|
<wd-picker-view
|
|
|
v-model="selectedPackageValues"
|
|
v-model="selectedPackageValues"
|
|
|
:columns="sharePackageList"
|
|
:columns="sharePackageList"
|
|
|
|
|
+ :item-height="60"
|
|
|
:visible-item-count="3"
|
|
:visible-item-count="3"
|
|
|
@pickstart="sharePickerScrolling = true"
|
|
@pickstart="sharePickerScrolling = true"
|
|
|
@pickend="sharePickerScrolling = false"
|
|
@pickend="sharePickerScrolling = false"
|
|
@@ -76,19 +77,21 @@
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 转发按钮 -->
|
|
<!-- 转发按钮 -->
|
|
|
- <button
|
|
|
|
|
- class="share-popup__confirm"
|
|
|
|
|
- hover-class="share-popup__confirm--hover"
|
|
|
|
|
- open-type="share"
|
|
|
|
|
- :disabled="!canSubmitShare"
|
|
|
|
|
- :data-title="shareTarget?.title || ''"
|
|
|
|
|
- :data-id="shareTarget?.id || ''"
|
|
|
|
|
- :data-active-tab="shareTarget?.type || activeTab"
|
|
|
|
|
- :data-package-id="selectedPackage?.value || ''"
|
|
|
|
|
- :data-remark="shareRemark"
|
|
|
|
|
- >
|
|
|
|
|
- 确认转发
|
|
|
|
|
- </button>
|
|
|
|
|
|
|
+ <view class="share-popup__footer">
|
|
|
|
|
+ <button
|
|
|
|
|
+ class="share-popup__confirm"
|
|
|
|
|
+ hover-class="share-popup__confirm--hover"
|
|
|
|
|
+ open-type="share"
|
|
|
|
|
+ :disabled="!canSubmitShare"
|
|
|
|
|
+ :data-title="shareTarget?.title || ''"
|
|
|
|
|
+ :data-id="shareTarget?.id || ''"
|
|
|
|
|
+ :data-active-tab="shareTarget?.type || activeTab"
|
|
|
|
|
+ :data-package-id="selectedPackage?.value || ''"
|
|
|
|
|
+ :data-remark="shareRemark"
|
|
|
|
|
+ >
|
|
|
|
|
+ 确认转发
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</wd-popup>
|
|
</wd-popup>
|
|
|
</template>
|
|
</template>
|
|
@@ -378,7 +381,7 @@ onShareAppMessage((res) => {
|
|
|
.share-popup {
|
|
.share-popup {
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- padding: 32rpx 32rpx max(24rpx, env(safe-area-inset-bottom));
|
|
|
|
|
|
|
+ padding: 32rpx 32rpx 24rpx;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -471,8 +474,14 @@ onShareAppMessage((res) => {
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.share-popup__picker {
|
|
.share-popup__picker {
|
|
|
|
|
+ min-height: 180px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
|
|
+ --wot-picker-view-column-item-height: 60px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.share-popup__field--package {
|
|
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* -------------------------------------------------------------------------- */
|
|
@@ -499,6 +508,14 @@ onShareAppMessage((res) => {
|
|
|
/* Button */
|
|
/* Button */
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
+.share-popup__footer {
|
|
|
|
|
+ position: sticky;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ padding-top: 24rpx;
|
|
|
|
|
+ background: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.share-popup__confirm {
|
|
.share-popup__confirm {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -506,7 +523,7 @@ onShareAppMessage((res) => {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 88rpx;
|
|
height: 88rpx;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
- margin: 8rpx 0 0;
|
|
|
|
|
|
|
+ margin: 0;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|