同步代码

pages/shopSetUp/shopList.vue

@@ -0,0 +1,161 @@
+<template>
+	<view class="page-wrapper">
+		
+		<view class="shopList">
+			<view class="tip">选择你要登录的门店</view>
+			<view class="shopList_item" @tap="createStore(item)" v-for="(item,index) in vdata.shopList" :key="index">
+				<view class="shopList_item_top">
+					<view class="shopList_item_top_left">
+						<text class="sort">{{index+1}}</text>
+						<up-avatar class="fileImg" :src="vdata.coverImg?vdata.coverImg:''"></up-avatar>
+						<view class="shopList_item_top_left_info">
+							<text class="shopName">双屿</text>
+							<text class="phone">15333333333</text>
+						</view>
+					</view>
+					<up-icon name="arrow-right" color="#999999" size="15"></up-icon>
+				</view>
+				<view class="shopList_item_bom">
+					<viwe class="shopList_item_bom_i">
+						<text class="name">今日实收</text>
+						<text class="num">0.00</text>
+					</viwe>
+					<viwe class="shopList_item_bom_i">
+						<text class="name">今日实收</text>
+						<text class="num">0.00</text>
+					</viwe>
+					<viwe class="shopList_item_bom_i">
+						<text class="name">今日实收</text>
+						<text class="num">0.00</text>
+					</viwe>
+				</view>
+			</view>
+		</view>
+		
+	
+	</view>
+</template>
+
+<script setup>
+import { nextTick, reactive, ref } from 'vue';
+import { onReachBottom, onShow, onUnload } from '@dcloudio/uni-app';
+import ak from '@/commons/utils/ak.js';
+import { getShopList } from '@/http/yskApi/shop.js'
+
+const vdata = reactive({
+	shopList:[
+		{name: 1},
+		{name: 2},
+	]
+});
+
+onShow(() => {
+	// getshopList()
+})
+
+let getshopList = () => {
+	getShopList().then((res) => {
+		console.log(res)
+	})
+}
+
+
+
+let createStore = () => {
+	ak.go.back(1)
+};
+</script>
+<style lang="scss" scoped>
+.page-wrapper {
+	min-height: calc(100vh - 90rpx);
+	.shopList{
+		padding: 32rpx 28rpx;
+		box-sizing: border-box;
+		.tip{
+			width: 100%;
+			text-align: center;
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #333333;
+			margin-bottom: 32rpx;
+		}
+		.shopList_item{
+			background-color: #fff;
+			border-radius: 12rpx;
+			padding: 32rpx 24rpx;
+			box-sizing: border-box;
+			display: flex;
+			flex-direction: column;
+			margin-bottom: 32rpx;
+			.shopList_item_top{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				.shopList_item_top_left{
+					display: flex;
+					align-items: center;
+					.sort{
+						margin-right: 28rpx;
+						font-weight: 500;
+						font-size: 28rpx;
+						color: #333333;
+						margin-left: 12rpx;
+					}
+					.fileImg{
+						width: 72rpx!important;
+						height: 72rpx!important;
+						margin-right: 24rpx;
+						::v-deep .u-avatar__image{
+							width: 72rpx!important;
+							height: 72rpx!important;
+						}
+					}
+					.shopList_item_top_left_info{
+						display: flex;
+						flex-direction: column;
+						.shopName{
+							font-weight: 500;
+							font-size: 28rpx;
+							color: #333333;
+						}
+						.phone{
+							font-weight: 400;
+							font-size: 24rpx;
+							color: #999999;
+							margin-top: 8rpx;
+						}
+					}
+				}
+			}
+			.shopList_item_bom{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				background: #F9F9F9;
+				border-radius: 12rpx;
+				padding: 32rpx 0 ;
+				box-sizing: border-box;
+				margin-top: 24rpx;
+				.shopList_item_bom_i{
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: center;
+					.name{
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #999999;
+						margin-bottom: 5rpx;
+					}
+					.num{
+						font-weight: 500;
+						font-size: 28rpx;
+						color: #333333;
+					}
+				}
+			}
+		}
+	}
+}
+</style>