diff --git a/app.json b/app.json
index 126b57a..1709046 100644
--- a/app.json
+++ b/app.json
@@ -84,7 +84,8 @@
"pages/sendCreatorCode/index",
"pages/creatorSelectPage/index",
"components/chat/text",
- "components/chat/hello"
+ "components/chat/hello",
+ "components/chat/html"
],
"permission": {
"scope.userLocation": {
diff --git a/components/chat/hello.wxss b/components/chat/hello.wxss
index d4547e0..f902168 100644
--- a/components/chat/hello.wxss
+++ b/components/chat/hello.wxss
@@ -1,10 +1,13 @@
/* components/chat/hello.wxss */
-.g_fw_600{
+.g-components-chat-gree .g_fw_600{
font-weight: 600;
}
-.g_ml_4{
+.g-components-chat-gree .g_ml_4{
margin-left: 4px;
}
-.g_mr_4{
+.g-components-chat-gree .g_mr_4{
margin-right: 4px;
}
+.g-components-chat-gree view{
+ font-size: 16px;
+}
\ No newline at end of file
diff --git a/components/chat/html.js b/components/chat/html.js
new file mode 100644
index 0000000..4fa6bdf
--- /dev/null
+++ b/components/chat/html.js
@@ -0,0 +1,76 @@
+// components/chat/text.js
+Component({
+ properties: {
+ message: {
+ type: String,
+ value: ''
+ },
+ color: {
+ type: String,
+ value: ''
+ },
+ },
+
+ /**
+ * 页面的初始数据
+ */
+ data: {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面加载
+ */
+ onLoad(options) {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面初次渲染完成
+ */
+ onReady() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面显示
+ */
+ onShow() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面隐藏
+ */
+ onHide() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面卸载
+ */
+ onUnload() {
+
+ },
+
+ /**
+ * 页面相关事件处理函数--监听用户下拉动作
+ */
+ onPullDownRefresh() {
+
+ },
+
+ /**
+ * 页面上拉触底事件的处理函数
+ */
+ onReachBottom() {
+
+ },
+
+ /**
+ * 用户点击右上角分享
+ */
+ onShareAppMessage() {
+
+ }
+})
\ No newline at end of file
diff --git a/components/chat/html.json b/components/chat/html.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/components/chat/html.json
@@ -0,0 +1,3 @@
+{
+ "usingComponents": {}
+}
\ No newline at end of file
diff --git a/components/chat/html.wxml b/components/chat/html.wxml
new file mode 100644
index 0000000..d27a61f
--- /dev/null
+++ b/components/chat/html.wxml
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/components/chat/html.wxss b/components/chat/html.wxss
new file mode 100644
index 0000000..4ecc916
--- /dev/null
+++ b/components/chat/html.wxss
@@ -0,0 +1,11 @@
+/* components/chat/html.wxss */
+.cblack{
+ color: #000;
+}
+.cwhite{
+ color: #fff;
+}
+
+.panel-text{
+ font-size: 16px;
+}
\ No newline at end of file
diff --git a/components/chat/text.wxss b/components/chat/text.wxss
index ee8a91e..9f1f270 100644
--- a/components/chat/text.wxss
+++ b/components/chat/text.wxss
@@ -4,4 +4,8 @@
}
.cwhite{
color: #fff;
+}
+
+.panel-text{
+ font-size: 16px;
}
\ No newline at end of file
diff --git a/subPage/chat/index.js b/subPage/chat/index.js
index 8bfb273..22eb28f 100644
--- a/subPage/chat/index.js
+++ b/subPage/chat/index.js
@@ -6,6 +6,7 @@ Page({
*/
data: {
eventType:'input',// 底部事件类型 input 键盘输入，voice 语音输入
+ sendText:'',// 发送的输入框内容
list:[
{
id:-1,
@@ -13,27 +14,6 @@ Page({
isUp:false,
isDown:false,
},
- {
- id:-1,
- type:'text',
- isUp:false,
- isDown:false,
- content:'测试输入框发送测试输入框发送测试输入框发送测试输入框发送'
- },
- {
- id:0,
- type:'text',
- isUp:false,
- isDown:false,
- content:'我是AI回复，自定义回复'
- },
- {
- id:1,
- type:'text',
- isUp:false,
- isDown:false,
- content:'再次发送再次发送再次发送'
- },
]
},
@@ -152,11 +132,52 @@ Page({
let that = this;
that.animate();
},
-
+ handleInput(e){
+ let that = this;
+ that.setData({
+ sendText:e.detail.value
+ });
+ },
animate($type='light') {
wx.vibrateShort({
type:$type
});
},
+
+
+
+
+ // 文本消息发送
+ handleSend(){
+ let that = this;
+ if(that.data.sendText == ''){
+ wx.showToast({
+ title: '请输入内容',
+ icon: 'none',
+ });
+ return false;
+ }
+ that.animate();
+ that.setData({
+ list:[
+ ...that.data.list,
+ {
+ id:that.data.list.length,
+ type:'text',
+ isUp:false,
+ isDown:false,
+ content:that.data.sendText
+ },
+ {
+ id:that.data.list.length + 1,
+ type:'html',
+ isUp:false,
+ isDown:false,
+ content:`【北京奔驰连接器日结工】
🚻 男女 18-48， 18-48周岁， 男女不限， 要求26个英文字母， 纹身烟疤拍照确认， 黑户，明显纹身，临时身份证不予接收，两班倒，站班
💰 员工250元/天，支付60天；60天以后员工220元/天；每月10号发薪。培训工资100元/天，员工 16 元/时以上部分含税6个点的，打卡不满七天无工资；60天以后员工缴纳社保`
+ },
+ ],
+ sendText:''
+ });
+ }
})
\ No newline at end of file
diff --git a/subPage/chat/index.json b/subPage/chat/index.json
index 68d7397..a4fd187 100644
--- a/subPage/chat/index.json
+++ b/subPage/chat/index.json
@@ -1,6 +1,7 @@
{
"usingComponents": {
"hello-panel": "../../components/chat/hello",
- "text-panel": "../../components/chat/text"
+ "text-panel": "../../components/chat/text",
+ "html-panel": "../../components/chat/html"
}
}
\ No newline at end of file
diff --git a/subPage/chat/index.wxml b/subPage/chat/index.wxml
index 93b1efb..c0a1edd 100644
--- a/subPage/chat/index.wxml
+++ b/subPage/chat/index.wxml
@@ -1,5 +1,7 @@
-
+
-
+
+
-
+
@@ -74,15 +77,22 @@
-
+
按住 说话
-
-
+
+
diff --git a/subPage/chat/index.wxss b/subPage/chat/index.wxss
index dcdcde1..ce1c425 100644
--- a/subPage/chat/index.wxss
+++ b/subPage/chat/index.wxss
@@ -203,11 +203,19 @@ textarea {
.chat-card{
padding: 0 10px;
- margin-bottom: 10px;
+}
+.chat-card:nth-child(2n+1){
+ margin-bottom: 2px;
+}
+.chat-card:nth-child(2n){
+ margin-bottom: 12px;
}
.chat-card:last-child{
margin-bottom: 24px;
}
+.chat-card:first-child{
+ margin-top: 12px;
+}
.bg-obj{
background-color: #fff;
border-radius: 12px;
@@ -233,13 +241,13 @@ textarea {
margin-right: 12px;
}
.icon-active{
- color: #3578f6;
+ color: #3578f6 !important;
}
.g_w_all{
width: 100%;
}
.min80{
- min-width: 80vw;
+ min-width: calc(100vw - 44px);
}
.max80{
max-width: 80vw;