瀏覽代碼

抽奖弹框

lilei 4 年之前
父節點
當前提交
cfd955c47c
共有 1 個文件被更改,包括 22 次插入4 次删除
  1. 22 4
      pages/index/index.vue

+ 22 - 4
pages/index/index.vue

@@ -59,6 +59,15 @@
 				</view>
 			 </view>
 		</view>
+		
+		<!-- 抽奖活动弹框 -->
+		<u-popup v-model="showLottery" mode="center" closeable :border-radius="30" width="450rpx" height="450rpx">
+			<view class="lottery-content">
+				<view class="lottery-confrim-btn">
+					<u-button>去抽奖</u-button>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
@@ -81,7 +90,8 @@
 				imageTopList: [],
 				stationDataList: [] ,//  附近网点列表
 				hasLogin: false,
-				userData: null
+				userData: null,
+				showLottery: true, // 是否显示抽奖弹框
 			}
 		},
 		onLoad() {
@@ -149,9 +159,9 @@
 				  // 新的版本下载失败
 				});
 			},
-      getDistanct(item){
-        return item.distanct&&item.distanct.distance ? (item.distanct.distance / 1000).toFixed(1) : 0
-      },
+			getDistanct(item){
+				return item.distanct&&item.distanct.distance ? (item.distanct.distance / 1000).toFixed(1) : 0
+			},
 			// 获取用户信息
 			getUserInfo(){
 				getUserInfo().then(res => {
@@ -358,6 +368,14 @@
 				padding-top: 10upx;
 			}
 		}
+		.lottery-content{
+			display: flex;
+			align-items: center;
+			position: relative;
+			.lottery-confrim-btn{
+				
+			}
+		}
 		.storeList {
 			padding: 25upx 0 20upx;
 			.store-section {