优化问题

pages/member/index.vue

@@ -1,23 +1,6 @@
 <template>
 	<view class="content">
-		<view class="towcontentitem">
-			<view class="towcontentitemone flex-start">
-				<image class="towcontentitemoneimage" :src="userInfo.logo" mode="aspectFill"></image>
-				<view class="towcontentitemonetext flex-colum-start">
-					<text class="towcontentitemonetextone">{{userInfo.chainName || '暂无昵称'}}</text>
-				</view>
-			</view>
-			<view class="towcontentitemthere flex-start">
-				余额：<text class="towcontentitemtheretext">{{userInfo.amount || '0.00'}}</text>
-
-			</view>
-			<view class="towcontentitemtow flex-between">
-				<text class="towcontentitemtowetext">vip{{userInfo.code || '无'}}</text>
-			</view>
-			<view class="towcontentitevip">
-				vip{{userInfo.is_vip}}
-			</view>
-		</view>
+		<card :userInfo="userInfo"></card>
 		<view class="therecontent">
 			<input type="number" v-model="amount" placeholder="自定义金额">
 		</view>
@@ -37,7 +20,9 @@
 </template>
 
 <script>
+	import card from './components/card.vue'
 	export default {
+	components:{card},
 		data() {
 			return {
 				inputshow: 0,
@@ -51,11 +36,11 @@
 		onLoad(e) {
 			console.log(e,'调试2')
 			if (e.type == 'list') {//从列表进来的
-				this.paygetShopByMember(e.shopId_id)
+				this.paygetShopByMember(e.shopId)
 			}else{
-				this.paygetShopByMember(e.shopId_id)
+				this.paygetShopByMember(e.shopId)
 			}
-			this.paygetActive(e.shopId_id) //列表
+			this.paygetActive(e.shopId) //列表
 		},
 		methods: {
 			async paygetShopByMember(w) {