Browse Source

style:修改快捷键标签边框颜色

xianna.liang 8 months ago
parent
commit
de8302cdee
4 changed files with 13 additions and 6 deletions
  1. 3 2
      pages/index15/index15.vue
  2. 7 4
      pages/index32/index32.vue
  3. 1 0
      theme/public.css
  4. 2 0
      until/fun.js

+ 3 - 2
pages/index15/index15.vue

@@ -35,7 +35,7 @@
 
 				<view class="chat-bottom">
 					<view class="uni-label">
-						<label v-for="(item,index) in labelList" :key="index" @click="shortcuts(msgList,item)" :style="{backgroundColor:styleData.labelColor,color:styleData.fontColor}">{{item}}</label>
+						<label v-for="(item,index) in labelList" :key="index" @click="shortcuts(msgList,item)" :style="{backgroundColor:styleData.labelColor,color:styleData.fontColor,borderColor:styleData.borderColor}">{{item}}</label>
 					</view>
 					<view class="send-msg">
 						<view class="uni-textarea">
@@ -97,7 +97,8 @@
 		color:'#f5f5f5',
 		fontColor:"black",
 		btnColor:"blue",
-		contentColor:"#fff"
+		contentColor:"#fff",
+		borderColor:"rgb(30,144,255)"
 		
 	})
 

+ 7 - 4
pages/index32/index32.vue

@@ -38,7 +38,7 @@
 
 				<view class="chat-bottom">
 					<view class="uni-label">
-						<label v-for="(item,index) in labelList" :key="index" @click="shortcuts(msgList,item)" :style="{backgroundColor:styleData.labelColor,color:styleData.fontColor}">{{item}}</label>
+						<label v-for="(item,index) in labelList" :key="index" @click="shortcuts(msgList,item)" :style="{backgroundColor:styleData.labelColor,color:styleData.fontColor,borderColor:styleData.borderColor}">{{item}}</label>
 					</view>
 					<view class="send-msg">
 						<view class="uni-textarea">
@@ -74,7 +74,8 @@
 
 	import axios from 'axios';
 	import loadingPointsVue from '../../components/loadingPoints.vue';
-	import {styleChange,handleSend,scrollToBottom,shortcuts} from "../../until/fun.js"
+	import {handleSend,scrollToBottom,shortcuts} from "../../until/fun.js"
+	
 
 	const msgList = reactive({
 		// 输入框
@@ -101,8 +102,8 @@
 		fontColor:"black",
 		btnColor:"rgb(30,144,255)",
 		contentColor:"#fff",
-		labelColor:"#fff"
-		
+		labelColor:"#fff",
+		borderColor:"rgb(30,144,255)"
 	})
 	
 	const labelList = ref([
@@ -113,6 +114,8 @@
 		"加油卡",
 		"易捷加油"
 	])
+	
+
 
 	//滚动至聊天底部
 	watch([msgList.otherChatList, msgList.chatList], (newVal) => {

+ 1 - 0
theme/public.css

@@ -98,6 +98,7 @@
 	border-radius: 100rpx;
 	background-color: #fff;
 	margin-right: 10rpx;
+	border: 1px solid rgb(30,144,255);
 }
 
 .chat-bottom .send-msg {

+ 2 - 0
until/fun.js

@@ -96,6 +96,7 @@
 			styleData.btnColor = "#ccc"
 			styleData.contentColor = "rgb(0,0,0,0.5)"
 			styleData.labelColor = "rgb(105,105,105)"
+			styleData.borderColor = "rgb(105,105,105)"
 			
 		}else{
 			styleData.color = "#f5f5f5"
@@ -103,6 +104,7 @@
 			styleData.btnColor = "rgb(30,144,255)"
 			styleData.contentColor = "#fff"
 			styleData.labelColor = "#fff"
+			styleData.borderColor = "rgb(30,144,255)"
 		}	
 		
 	})