tanxue 2 月之前
父节点
当前提交
bb20c44f4a
共有 3 个文件被更改,包括 37 次插入6 次删除
  1. 15 0
      common/styles/global/pages.scss
  2. 21 5
      pages/admin/Jiazheng/common/share.vue
  3. 1 1
      pages/admin/Jiazheng/index.vue

+ 15 - 0
common/styles/global/pages.scss

@@ -861,4 +861,19 @@
 		width: 40rpx;height: 40rpx;@include ezy-no-repeat-cover();margin-left: auto;
 		background-image: url("@/static/images/common/markIcon.png");
 	}
+}
+
+/*** 分享 ***/
+.share-haibao-box{
+	width: 100%;padding: 42rpx 32rpx;box-sizing: border-box;
+	.share-list-box{padding: 42rpx 0;box-sizing: border-box;}
+	.share-item-box{
+		width: 20%;display: flex;flex-direction: column;align-items: center;font-size: 24rpx;color: #666;
+		icon{width: 60rpx;height: 60rpx;@include ezy-no-repeat-cover();margin: 18rpx auto;}
+		}
+	.share-icon-box{
+		width: 100rpx;height: 100rpx;text-align: center;line-height: 100rpx;margin-bottom: 6rpx;
+		border: 1rpx solid #ccc;border-radius: 12rpx;box-sizing: border-box;
+		icon{background-image: url("@/static/images/common/down-hb-icon.svg");}
+	}
 }

+ 21 - 5
pages/admin/Jiazheng/common/share.vue

@@ -1,6 +1,19 @@
 <template>
- <button @click="showShareMenu" type="default" class="phone-white-btn bz-tel-btn">分享</button>
- 
+ <button @click="showShareMenu" type="default" class="phone-white-btn bz-tel-btn fx-btn-box">分享</button>
+ <!-- 答题卡 -->
+ <uni-popup ref="downPopupRef" background-color="#fff" :animation="false" :is-mask-click="false" :mask-click="false">
+ 	<view class="share-haibao-box">
+		<view class="phone-line-title">分享</view>
+		<view class="share-list-box">
+			<view class="share-item-box" @click="downHb">
+				<view class="share-icon-box">
+					<icon></icon>
+				</view>
+				<text>下载图片</text>
+			</view>
+		</view>
+ 	</view>
+ </uni-popup>
 </template>
 
 <script>
@@ -11,16 +24,19 @@ export default {
     };
   },
   methods: {
-
+	downHb(){
+		console.log('下载图片');
+	},
     showShareMenu() {
-      uni.showActionSheet({
+		this.$refs.downPopupRef.open('bottom')
+    /*  uni.showActionSheet({
         itemList: ['下载图片'],
         success: (res) => {
           if (res.tapIndex === 0) {
             this.downloadImage();
           }
         }
-      });
+      }); */
     },
 
 

+ 1 - 1
pages/admin/Jiazheng/index.vue

@@ -49,7 +49,7 @@
 								<view class="head-name">{{item.realName}}</view>
 								<button type="default" class="phone-green-btn bz-tel-btn"
 									@click.stop="telephone(item)">打电话</button>
-								<share ref="shareRef" class="fx-btn-box">分享</share>
+								<share ref="shareRef">分享</share>
 							</view>
 							<view @click="lookUserInfo(item)" class="card-body-row">
 								<view class="card-img-box">