优化问题

pages/member/memberdetails.vue

@@ -1,24 +1,7 @@
 <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="memberdetailsStyle">
 			<text>会员详情</text>
 			<view @click="goUrl('member/billDetails')">
@@ -35,7 +18,9 @@
 </template>
 
 <script>
+	import card from './components/card.vue'
 	export default {
+		components:{card},
 		data() {
 			return {
 				info:null,