客服按钮-支持路径

src/components/mine/customer.vue

@@ -11,11 +11,11 @@
 				<u-loading slot="loading"></u-loading>
 				<view slot="error" style="font-size: 24rpx;">加载失败</view>
 			</u-image>
-			<u-button class="settle-button" type="primary" :open-type="openTypes[typeIndex]" show-message-card
+			<button :class="['settle-button', {'is-mine': isMine}]" type="primary" :open-type="openTypes[typeIndex]" show-message-card
 				send-message-title="点击下方客服会话添加订单助手" shape="circle" @click="download" :send-message-img="kefuzxiaoxiImage"
 				send-message-path="/pages/index/index" :custom-style="buttonStyle">
 				{{buttonText[typeIndex]}}
-			</u-button>
+			</button>
 			<view class="bottom-view" v-if="isMine">
 				<view class="line-view"></view>
 				<view class="phone-view">
@@ -67,19 +67,6 @@
 			phoneIcon() {
 				return process.uniEnv.qn_base_url + 'dianhua.png'
 			},
-			buttonStyle() {
-				return this.isMine ? {
-					'width': "300rpx",
-					'height': "80rpx",
-					"font-size": "32rpx",
-					"font-weight": "bold",
-				} : {
-					'width': "400rpx",
-					'height': "100rpx",
-					"font-size": "32rpx",
-					"font-weight": "bold",
-				};
-			},
 			types() {
 				return ['exclusive', 'pop', 'mine']
 			},
@@ -265,7 +252,31 @@
 			}
 
 			.settle-button {
-				margin-bottom: 14rpx;
+				margin-bottom: 14rpx;
+				width: 400rpx;
+				height: 104rpx;
+				font-size: 32rpx;
+				background-color: #2272FF;
+				border-radius: 52rpx;
+				line-height: 104rpx;
+				font-weight: bold;
+				&.is-mine {
+					width: 300rpx;
+					height: 80rpx;
+					border-radius: 40rpx;
+					line-height: 80rpx;
+				}
+				// return this.isMine ? {
+				// 	'width': "300rpx",
+				// 	'height': "80rpx",
+				// 	"font-size": "32rpx",
+				// 	"font-weight": "bold",
+				// } : {
+				// 	'width': "400rpx",
+				// 	'height': "100rpx",
+				// 	"font-size": "32rpx",
+				// 	"font-weight": "bold",
+				// };
 			}
 
 			.pop-tip-view {