我的 增加上级经销商

pages/me/index.vue

@@ -1,19 +1,30 @@
 <template>
 	<view>
 		<view style="background-color:#03803B;height: 250rpx;">
-			<view style="padding: 33rpx;display: flex;align-items: center;">
-				<view class="">
-					<image :src="userData.avatar||avatarUrl" style="width:100rpx;height: 100rpx;border-radius: 50%;"
-						mode="scaleToFill" @click="showActionSheet">
-					</image>
-				</view>
-				<view style="color:#fff;margin-left: 13rpx;font-size: 30rpx;font-weight: 500;">
-					{{shopInfo.cname?shopInfo.cname:''}}
-				</view>
-        <view style="width: 30px; height: 30px; margin-left: auto; margin-right: 13rpx;">
-          <image class="QR" src="@/static/images/QR.png" @click.stop="inQR" style="width: 30px; height: 30px;" />
+      <view style="padding: 33rpx; display: flex; align-items: flex-start;">
+        <image
+            :src="userData.avatar || avatarUrl"
+            style="width:100rpx; height:100rpx; border-radius:50%;"
+            mode="scaleToFill"
+            @click="showActionSheet"
+        />
+        <view style="display: flex; flex-direction: column; margin-left: 13rpx; justify-content: center;">
+          <text style="color:#fff; font-size: 30rpx; font-weight: 500;">
+            {{ shopInfo.cname || '' }}
+          </text>
+          <text v-if="shopInfo.srcDistributorName" style="color: rgba(255,255,255,0.85); font-size: 24rpx; margin-top: 6rpx;">
+            {{ shopInfo.srcDistributorName }}
+          </text>
         </view>
-			</view>
+        <view style="margin-left: auto; margin-right: 13rpx;">
+          <image
+              class="QR"
+              src="@/static/images/QR.png"
+              @click.stop="inQR"
+              style="width: 30px; height: 30px;"
+          />
+        </view>
+      </view>
 		</view>
 		<view class="card" style="height: 114rpx;">
 			<view style="display: flex;justify-content: space-around;align-items: center;height: 114rpx;">