theluyuan/fangche
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
luyuan
2021-04-01 09:17:14 +08:00
parent 2ce56b31fa
commit bac8dbd624
7 changed files with 155 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pages/liaotian/liaotian.scss
View File

@@ -18,7 +18,6 @@ page{
height: 84rpx;
border-radius: 10rpx;
margin-right: 18rpx;
background-color: #0f0;
}
.info{
display: flex;

2
pages/liaotian/liaotian.wxml
View File

@@ -1,6 +1,6 @@
<view class="box">
<view class="user" wx:for="{{10}}" bind:tap="tiaozhuan">
<image class="head"></image>
<image class="head" src="https://wx.qlogo.cn/mmhead/iaRlzG8zy7BuYTtsyMPfPRSibv9icvpO2SZO5GBev6PvWiabibfJJfmxueA/0"></image>
<view class="info">
<text class="name">name</text>
<text class="text">texttexttext</text>

1
pages/liaotian/liaotian.wxss
View File

@@ -19,7 +19,6 @@
height: 84rpx;
border-radius: 10rpx;
margin-right: 18rpx;
background-color: #0f0;
}
.box .user .info {

4
pages/ltjm/ltjm.json
View File

@@ -1,4 +1,6 @@
{
"usingComponents": {},
"usingComponents": {
"van-button": "../../miniprogram_npm/@vant/weapp/button/index"
},
"navigationBarTitleText": "实时聊天"
}

65
pages/ltjm/ltjm.scss
View File

@@ -0,0 +1,65 @@
.box{
display: flex;
flex-direction: column;
padding: 30rpx;
.user{
width: 100%;
display: flex;
color: #fff;
margin-bottom: 20rpx;
flex-direction: row-reverse;
align-items: flex-end;
.head{
width: 90rpx;
height: 90rpx;
border-radius: 10rpx;
}
.text{
max-width: 470rpx;
background-color: #3399CC;
padding: 17rpx 35rpx;
border-radius: 30rpx 30rpx 0 30rpx;
margin: 0 17rpx;
font-size: 30rpx;
line-height: 35rpx;
}
}
.laixin{
flex-direction: row;
.text{
border-radius: 30rpx 30rpx 30rpx 0;
}
}
}
.bot{
display: flex;
align-items: center;
justify-content: space-around;
background-color: #fff;
height: 98rpx;
width: 750rpx;
position: fixed;
bottom: 0;
.input{
width: 500rpx;
height: 46rpx;
background-color: #ECECEC;
border-radius: 23rpx;
font-size: 30rpx;
padding: 0 23rpx;
}
.fasong{
width: 125rpx;
height: 54rpx;
line-height: 54rpx;
font-size: 30rpx;
text-align: center;
background-color: #3399CC;
color: #fff;
border-radius: 5rpx;
}
}
page{
background-color: #ECECEC;
}

18
pages/ltjm/ltjm.wxml
View File

@@ -1,8 +1,16 @@
<view class="box">
<view class="user">
<view>
<view class="box">
<view class="user">
<image class="head" src="https://wx.qlogo.cn/mmhead/iaRlzG8zy7BuYTtsyMPfPRSibv9icvpO2SZO5GBev6PvWiabibfJJfmxueA/0"></image>
<view class="text">这是自己发的消息这是自己发的消息这是自己发的消息这是自己发的消息这是自己发的消息</view>
</view>
<view class="user laixin">
<image class="head" src="https://wx.qlogo.cn/mmhead/iaRlzG8zy7BuYTtsyMPfPRSibv9icvpO2SZO5GBev6PvWiabibfJJfmxueA/0"></image>
<view class="text">这是好友给发的消息这是好友给发的消息这是好友给发的消息这是好友给发的消息</view>
</view>
</view>
<view class="laixin">
<view class="bot">
<input class="input" type="text" />
<view class="fasong">发送</view>
</view>
</view>

73
pages/ltjm/ltjm.wxss Normal file
View File

@@ -0,0 +1,73 @@
.box {
display: flex;
flex-direction: column;
padding: 30rpx;
}
.box .user {
width: 100%;
display: flex;
color: #fff;
margin-bottom: 20rpx;
flex-direction: row-reverse;
align-items: flex-end;
}
.box .user .head {
width: 90rpx;
height: 90rpx;
border-radius: 10rpx;
}
.box .user .text {
max-width: 470rpx;
background-color: #3399CC;
padding: 17rpx 35rpx;
border-radius: 30rpx 30rpx 0 30rpx;
margin: 0 17rpx;
font-size: 30rpx;
line-height: 35rpx;
}
.box .laixin {
flex-direction: row;
}
.box .laixin .text {
border-radius: 30rpx 30rpx 30rpx 0;
}
.bot {
display: flex;
align-items: center;
justify-content: space-around;
background-color: #fff;
height: 98rpx;
width: 750rpx;
position: fixed;
bottom: 0;
}
.bot .input {
width: 500rpx;
height: 46rpx;
background-color: #ECECEC;
border-radius: 23rpx;
font-size: 30rpx;
padding: 0 23rpx;
}
.bot .fasong {
width: 125rpx;
height: 54rpx;
line-height: 54rpx;
font-size: 30rpx;
text-align: center;
background-color: #3399CC;
color: #fff;
border-radius: 5rpx;
}
page {
background-color: #ECECEC;
}