图片

pages/setting/about.vue

@@ -4,7 +4,7 @@
 
 		<view style="height:1.5vh" />
 		<view class="top">
-			<img src="/static/my/aboutDC.png"></img>
+			<image src="/static/my/aboutDC.png"></image>
 		</view>
 
 		<view class="bottom">

pages/setting/email.vue

@@ -7,14 +7,14 @@
 		<view class="top">
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/bindedEmail.png" />
+					<image class="image" src="/static/my/bindedEmail.png" />
 					<text class="label">已绑邮箱：{{ email }}</text>
 				</view>
 			</view>
 
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/changeEmail.png" />
+					<image class="image" src="/static/my/changeEmail.png" />
 					<input v-model="userEmail" placeholder="请输入您的换绑邮箱" class="input" />
 				</view>
 				<view class="right">
@@ -27,7 +27,7 @@
 
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/verification.png" />
+					<image class="image" src="/static/my/verification.png" />
 					<input type="text" placeholder="请输入验证码" class="input" />
 				</view>
 			</view>
@@ -182,4 +182,9 @@
 		align-items: center;
 		justify-content: center;
 	}
+	
+	.image{
+		width:40rpx;
+		height:40rpx;
+	}
 </style>

pages/setting/introduce.vue

@@ -4,7 +4,7 @@
 
 		<view style="height:1.5vh" />
 		<view class="top">
-			<img src="/static/my/aboutDC.png"></img>
+			<image class="image" src="/static/my/aboutDC.png"></image>
 		</view>
 
 		<view class="bottom">
@@ -73,4 +73,9 @@
 		text-align: justify;
 		text-justify: inter-character;/* 两端对齐哈哈哈哈 */
 	}
+	
+	.image{
+		width:334rpx;
+		height:310rpx;
+	}
 </style>

pages/setting/market.vue

@@ -41,7 +41,7 @@
 					:class="{ 'active': kStyle === 'common' }" 
 					@click="handleKStyleChange('common')"
 				>
-					<img src="/static/my/common.png" class="kline-icon" />
+					<image src="../../static/my/common.png" class="kline-icon" />
 					<text>普通</text>
 					<view class="active-dot" v-if="kStyle === 'common'"></view>
 				</view>
@@ -50,7 +50,7 @@
 					:class="{ 'active': kStyle === 'Outline' }" 
 					@click="handleKStyleChange('Outline')"
 				>
-					<img src="/static/my/outline.png" class="kline-icon" />
+					<image src="../../static/my/outline.png" class="kline-icon" />
 					<text>轮廓图</text>
 					<view class="active-dot" v-if="kStyle === 'Outline'"></view>
 				</view>
@@ -59,7 +59,7 @@
 					:class="{ 'active': kStyle === 'polylines' }" 
 					@click="handleKStyleChange('polylines')"
 				>
-					<img src="/static/my/polylines.png" class="kline-icon" />
+					<image src="../../static/my/polylines.png" class="kline-icon" />
 					<text>折线图</text>
 					<view class="active-dot" v-if="kStyle === 'polylines'"></view>
 				</view>
@@ -101,7 +101,7 @@
 					@click="handleRfColorChange('green')"
 				>
 					<view class="color-icon">
-						<img src="/static/my/greenRise.png" class="kline-icon" />
+						<image src="../../static/my/greenRise.png" class="kline-icon" />
 					</view>
 					<text>绿涨红跌</text>
 					<view class="active-dot" v-if="rfColor === 'green'"></view>
@@ -112,7 +112,7 @@
 					@click="handleRfColorChange('red')"
 				>
 					<view class="color-icon">
-						<img src="/static/my/redRise.png" class="kline-icon" />
+						<image src="../../static/my/redRise.png" class="kline-icon" />
 					</view>
 					<text>红涨绿跌</text>
 					<view class="active-dot" v-if="rfColor === 'red'"></view>
@@ -152,8 +152,8 @@
 			<view class="indicator-item" v-for="(item, index) in indicatorList" :key="index">
 				<text class="indicator-text">{{ item }}</text>
 				<view class="indicator-icons">
-					<img src="/static/my/setting.png" class="icon" />
-					<img src="/static/my/menu.png" class="icon" />
+					<image src="../../static/my/setting.png" class="icon" />
+					<image src="../../static/my/menu.png" class="icon" />
 				</view>
 			</view>
 			<view style="height:10vh;background-color: white;"></view>
@@ -268,7 +268,6 @@
 	}
 
 	.top-options {
-		height: 5.5vh;
 		display: flex;
 		padding: 0 40rpx;
 	}
@@ -300,6 +299,8 @@
 	.kline-icon {
 		margin-right: 10rpx;
 		font-size: 32rpx;
+		width:60rpx;
+		height:50rpx;
 	}
 
 	.color-icon {

pages/setting/nextPwd.vue

@@ -13,19 +13,19 @@
 
       <view class="top-list">
         <view class="left">
-          <img src="/static/my/unlock.png"/>
+          <image class="image-lock" src="/static/my/unlock.png"/>
           <input type="password" :type="pwdType" placeholder="请输入新密码" class="input" v-model="oldPassword"
           />
-          <img :src="pwdType === 1 ? '/static/my/hideEye.png' : '/static/my/openEye.png'"
+          <image class="image-eye" :src="pwdType === 1 ? '/static/my/hideEye.png' : '/static/my/openEye.png'"
                @click="changeEye(1)"/>
         </view>
       </view>
 
       <view class="top-list">
         <view class="left">
-          <img src="/static/my/unlock.png"/>
+          <image class="image-lock" src="/static/my/unlock.png"/>
           <input type="password" :type="pwdType2" placeholder="再次确认" class="input" v-model="newPassword"/>
-          <img :src="pwdType === 1 ? '/static/my/hideEye.png' : '/static/my/openEye.png'"
+          <image class="image-eye" :src="pwdType === 1 ? '/static/my/hideEye.png' : '/static/my/openEye.png'"
                @click="changeEye(2)"/>
         </view>
       </view>
@@ -157,13 +157,6 @@ onMounted(() => {
   justify-content: center;
 }
 
-.img {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
 .tips {
   font-size: 24rpx;
   color: #999;
@@ -172,4 +165,14 @@ onMounted(() => {
   align-self: flex-start;
   /* 这是左对齐 */
 }
+
+.image-lock{
+	width:40rpx;
+	height:40rpx;
+}
+
+.image-eye{
+	width:40rpx;
+	height:30rpx;
+}
 </style>

pages/setting/phone.vue

@@ -7,13 +7,13 @@
 		<view class="top">
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/bindedPhone.png" />
+					<image class="image" src="/static/my/bindedPhone.png" />
 					<text class="label">已绑手机号：{{ phone }}</text>
 				</view>
 			</view>
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/changeBindPhone.png" />
+					<image class="image" src="/static/my/changeBindPhone.png" />
 					<text class="label">+86</text>
 					<input type="number" v-model="userPhone" placeholder="请输入您的换绑手机号" class="input" />
 				</view>
@@ -27,7 +27,7 @@
 
 			<view class="top-list">
 				<view class="left">
-					<img src="/static/my/verification.png" />
+					<image class="image" src="/static/my/verification.png" />
 					<input type="text" placeholder="请输入验证码" class="input" />
 				</view>
 			</view>
@@ -137,6 +137,7 @@
 		flex: 1;
 		display: flex;
 		align-items: center;
+		justify-content: left;
 	}
 
 	.label {
@@ -182,4 +183,9 @@
 		align-items: center;
 		justify-content: center;
 	}
+	
+	.image{
+		height:40rpx;
+		width:40rpx;
+	}
 </style>