Browse Source

更改样式

黎海 2 years ago
parent
commit
5ebafa6d13
2 changed files with 11 additions and 8 deletions
  1. 7 4
      src/pages/chat/index.jsx
  2. 4 4
      src/pages/chat/index.less

+ 7 - 4
src/pages/chat/index.jsx

@@ -108,7 +108,10 @@ export default class Albums_play extends Component {
108
     })
108
     })
109
     let params = {
109
     let params = {
110
       user_id: this.state.userId,
110
       user_id: this.state.userId,
111
-      text: inputHtml
111
+      text: inputHtml,
112
+    }
113
+    if (process.env.TARO_ENV == 'tt') {
114
+      params['app_id'] = 'tt6e291894f116667e01'
112
     }
115
     }
113
     api.getAsk(params).then(res => {
116
     api.getAsk(params).then(res => {
114
       if (res.code == 200) {
117
       if (res.code == 200) {
@@ -196,7 +199,7 @@ export default class Albums_play extends Component {
196
                   item.name == 'mine' &&
199
                   item.name == 'mine' &&
197
                   <View className='mine-speak-info'>
200
                   <View className='mine-speak-info'>
198
                     <View className='mine-text'>
201
                     <View className='mine-text'>
199
-                      <Text selectable className='mine-text-content'>
202
+                      <Text selectable userSelect className='mine-text-content'>
200
                         {item.userTexts}
203
                         {item.userTexts}
201
                       </Text>
204
                       </Text>
202
                       <View className='mine-text-tip'></View>
205
                       <View className='mine-text-tip'></View>
@@ -209,7 +212,7 @@ export default class Albums_play extends Component {
209
                   <View className='other-speak-info'>
212
                   <View className='other-speak-info'>
210
                     <Image className='other-image' src={item.userImage}></Image>
213
                     <Image className='other-image' src={item.userImage}></Image>
211
                     <View className='other-text'>
214
                     <View className='other-text'>
212
-                      <Text selectable className='other-text-content'>
215
+                      <Text selectable userSelect className='other-text-content'>
213
                         {item.userTexts}
216
                         {item.userTexts}
214
                       </Text>
217
                       </Text>
215
                       <View className='other-text-tip'></View>
218
                       <View className='other-text-tip'></View>
@@ -243,7 +246,7 @@ export default class Albums_play extends Component {
243
               onBlur={e => (this.blur(e))}
246
               onBlur={e => (this.blur(e))}
244
               onKeyboardHeightChange={e => (this.onKeyboardHeightChange(e))}
247
               onKeyboardHeightChange={e => (this.onKeyboardHeightChange(e))}
245
               onLineChange={e => (this.onLineChange(e))}
248
               onLineChange={e => (this.onLineChange(e))}
246
-              placeholder="请输入您要咨询的问题" />
249
+              placeholder="请输入" />
247
 
250
 
248
             <Button onClick={e => (this.submitTo(e))}
251
             <Button onClick={e => (this.submitTo(e))}
249
               disabled={this.state.sendDisabled}
252
               disabled={this.state.sendDisabled}

+ 4 - 4
src/pages/chat/index.less

@@ -22,14 +22,14 @@ page {
22
   color: #F2F2F2;
22
   color: #F2F2F2;
23
   top: -70px;
23
   top: -70px;
24
   font-size: 28px;
24
   font-size: 28px;
25
-  padding: 10px 50px;
25
+  padding: 10px 50px 20px 50px;
26
   background-color: #948c8c94;
26
   background-color: #948c8c94;
27
   border-radius: 5px;
27
   border-radius: 5px;
28
   // background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677810251249.png);
28
   // background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677810251249.png);
29
 }
29
 }
30
 
30
 
31
 .sendmessage {
31
 .sendmessage {
32
-  margin: 20px;
32
+  margin: 20px 20px 40px 20px;
33
   z-index: 2;
33
   z-index: 2;
34
   display: flex;
34
   display: flex;
35
   align-items: flex-end;
35
   align-items: flex-end;
@@ -96,7 +96,7 @@ page {
96
   display: flex;
96
   display: flex;
97
   padding:  20px;
97
   padding:  20px;
98
   .other-text{
98
   .other-text{
99
-    background-color: #9EE770;
99
+    background-color: #f8f8f8;
100
     border-radius: 10px;
100
     border-radius: 10px;
101
     padding: 20px;
101
     padding: 20px;
102
     max-width: 485px;
102
     max-width: 485px;
@@ -113,7 +113,7 @@ page {
113
       height: 0;
113
       height: 0;
114
       border-top: 20px solid transparent;
114
       border-top: 20px solid transparent;
115
       border-left: 20px solid transparent;
115
       border-left: 20px solid transparent;
116
-      border-right: 20px solid #9EE770;
116
+      border-right: 20px solid #f8f8f8;
117
       border-bottom: 20px solid transparent;
117
       border-bottom: 20px solid transparent;
118
     }
118
     }
119
   }
119
   }