molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-06-08 23:33:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.1.2

Browse Source
This commit is contained in:
Weilanwl
2019-03-28 23:08:35 +08:00
parent 89817a88e8
commit bb889509c0
108 changed files with 3446 additions and 4082 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/pages/component/chat/chat.js
+12 -6
View File
@@ -1,9 +1,15 @@
const app = getApp();
Page({
data: {
StatusBar: app.globalData.StatusBar,
CustomBar: app.globalData.CustomBar
InputBottom: 0
},
onLoad: function () { },
});
InputFocus(e) {
this.setData({
InputBottom: e.detail.height
})
},
InputBlur(e) {
this.setData({
InputBottom: 0
})
}
})
demo/pages/component/chat/chat.wxml
+35 -43
View File
@@ -1,91 +1,83 @@
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed bg-gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
<text class='icon-back'></text>
聊天
</navigator>
</view>
</view>
<cu-custom bgColor="bg-gradual-pink" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">聊天</view></cu-custom>
<view class="cu-chat">
<view class="cu-item self">
<view class="main">
<view class='content bg-green shadow'>
<view class="content bg-green shadow">
<text>喵喵喵！喵喵喵！喵喵喵！喵喵！喵喵！！喵！喵喵喵！</text>
</view>
</view>
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<view class='date'>2018年3月23日 13:23</view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
<view class="date">2018年3月23日 13:23</view>
</view>
<view class='cu-info round'>对方撤回一条消息!</view>
<view class="cu-info round">对方撤回一条消息!</view>
<view class="cu-item">
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
<view class="main">
<view class='content shadow'>
<view class="content shadow">
<text>喵喵喵！喵喵喵！</text>
</view>
</view>
<view class='date '> 13:23</view>
<view class="date "> 13:23</view>
</view>
<view class="cu-info">
<text class='icon-roundclosefill text-red '></text> 对方拒绝了你的消息
<text class="icon-roundclosefill text-red "></text> 对方拒绝了你的消息
</view>
<view class="cu-info">
对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
<text class='text-blue'>发送好友验证</text>
<text class="text-blue">发送好友验证</text>
</view>
<view class="cu-item self">
<view class="main">
<image src="https://image.weilanwl.com/img/3x4-1.jpg" class='radius' mode="widthFix"></image>
<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" class="radius" mode="widthFix"></image>
</view>
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<view class='date'> 13:23</view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
<view class="date"> 13:23</view>
</view>
<view class="cu-item self">
<view class="main">
<view class='action text-bold text-grey'>
<view class="action text-bold text-grey">
3"
</view>
<view class='content shadow'>
<text class='icon-sound text-xxl padding-right-xl'> </text>
<view class="content shadow">
<text class="icon-sound text-xxl padding-right-xl"> </text>
</view>
</view>
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<view class='date'>13:23</view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
<view class="date">13:23</view>
</view>
<view class="cu-item self">
<view class="main">
<view class='action'>
<text class='icon-locationfill text-orange text-xxl'></text>
<view class="action">
<text class="icon-locationfill text-orange text-xxl"></text>
</view>
<view class='content shadow'>
<view class="content shadow">
喵星球，喵喵市
</view>
</view>
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<view class='date'>13:23</view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
<view class="date">13:23</view>
</view>
<view class="cu-item">
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
<view class="main">
<view class='content shadow'>
<view class="content shadow">
@#$^&**
</view>
<view class='action text-grey'>
<text class='icon-warnfill text-red text-xxl'></text> <text class='text-sm margin-left-sm'>翻译错误</text>
<view class="action text-grey">
<text class="icon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text>
</view>
</view>
<view class='date'>13:23</view>
<view class="date">13:23</view>
</view>
</view>
<view class="cu-bar foot input">
<view class='action'>
<text class='icon-sound text-grey'></text>
<view class="cu-bar foot input" style="bottom:{{InputBottom}}px">
<view class="action">
<text class="icon-sound text-grey"></text>
</view>
<input class='solid-bottom' focus="{{false}}" maxlength="300" cursor-spacing="10"></input>
<view class='action'>
<text class='icon-emojifill text-grey'></text>
<input class="solid-bottom" bindfocus="InputFocus" bindblur="InputBlur" adjust-position="{{false}}" focus="{{false}}" maxlength="300" cursor-spacing="10"></input>
<view class="action">
<text class="icon-emojifill text-grey"></text>
</view>
<button class='cu-btn bg-green shadow'>发送</button>
<button class="cu-btn bg-green shadow">发送</button>
</view>
demo/pages/component/chat/chat.wxss
+1 -1
View File
@@ -1,3 +1,3 @@
page{
padding-bottom: 60px;
padding-bottom: 100rpx;
}