样式优化

pages/my.vue

@@ -38,19 +38,22 @@
 			</view>
 			<view class="menu">
 				<view class="menu-item adfacjb" v-for="(item,index) in menuList" :key="index" @click="handleTurn(item.path,item.title)">
-					<div class="menu-item-left adfac">
-						<template v-if="item.title === '邀请好友'">
-							<button class="share-btn" open-type="share">
+					<template v-if="item.title === '邀请好友'">
+						<button class="share-btn" open-type="share">
+							<div class="menu-item-left adfac">
 								<image :src="item.img"></image>
 								<text>{{ item.title }}</text>
-							</button>
-						</template>
-						<template v-else>
+							</div>
+							<image class="menu-item-right" :src="imgBase+'my_arrow_right.png'"></image>
+						</button>
+					</template>
+					<template v-else>
+						<div class="menu-item-left adfac">
 							<image :src="item.img"></image>
 							<text>{{ item.title }}</text>
-						</template>
-					</div>
-					<image class="menu-item-right" :src="imgBase+'my_arrow_right.png'"></image>
+						</div>
+						<image class="menu-item-right" :src="imgBase+'my_arrow_right.png'"></image>
+					</template>
 				</view>
 			</view>
 		</view>
@@ -141,6 +144,7 @@
 
 <style scoped lang="scss">
 	.share-btn {
+		width: 100%;
 		background-color: transparent;
 		border: none;
 		padding: 0;
@@ -148,6 +152,7 @@
 		line-height: 1;
 		display: flex;
 		align-items: center;
+		justify-content: space-between;
 		&::after {
 			border: none;
 		}