mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-14 12:14:01 +08:00
v2.1.2
This commit is contained in:
Weilanwl
@@ -1,9 +1 @@
|
||||
const app = getApp();
|
||||
Page({
|
||||
data: {
|
||||
StatusBar: app.globalData.StatusBar,
|
||||
CustomBar: app.globalData.CustomBar,
|
||||
Custom: app.globalData.Custom,
|
||||
},
|
||||
|
||||
})
|
||||
Page({})
|
||||
@@ -1,425 +1,404 @@
|
||||
<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 border-custom' open-type="navigateBack" delta="1" hover-class="none" style='width:{{Custom.width}}px;height:{{Custom.height}}px;margin-left:calc(750rpx - {{Custom.right}}px)'>
|
||||
<text class='icon-back'></text>
|
||||
<text class='icon-homefill'></text>
|
||||
</navigator>
|
||||
<view class='content' style='top:{{StatusBar}}px;'>操作条</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<cu-custom bgColor="bg-gradual-pink" isCustom="{{true}}"><view slot="content">操作条</view></cu-custom>
|
||||
<view class="cu-bar bg-white margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>底部操作条</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar tabbar bg-white">
|
||||
<view class="action">
|
||||
<view class='icon-cu-image'>
|
||||
<image src='/images/tabbar/basics_cur.png'></image>
|
||||
<view class="icon-cu-image">
|
||||
<image src="/images/tabbar/basics_cur.png"></image>
|
||||
</view>
|
||||
<view class='text-green'>元素</view>
|
||||
<view class="text-green">元素</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class='icon-cu-image'>
|
||||
<image src='/images/tabbar/component.png'></image>
|
||||
<view class="icon-cu-image">
|
||||
<image src="/images/tabbar/component.png"></image>
|
||||
</view>
|
||||
<view class='text-gray'>组件</view>
|
||||
<view class="text-gray">组件</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class='icon-cu-image'>
|
||||
<image src='/images/tabbar/plugin.png'></image>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cu-image">
|
||||
<image src="/images/tabbar/plugin.png"></image>
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
<view class='text-gray'>扩展</view>
|
||||
<view class="text-gray">扩展</view>
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class='icon-cu-image'>
|
||||
<image src='/images/tabbar/about.png'></image>
|
||||
<view class='cu-tag badge'></view>
|
||||
<view class="icon-cu-image">
|
||||
<image src="/images/tabbar/about.png"></image>
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
<view class='text-gray'>关于</view>
|
||||
<view class="text-gray">关于</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar tabbar margin-bottom-xl bg-black">
|
||||
<view class="action text-orange">
|
||||
<view class='icon-homefill'></view> 首页
|
||||
<view class="icon-homefill"></view> 首页
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-similar'></view> 分类
|
||||
<view class="icon-similar"></view> 分类
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-recharge'></view>
|
||||
<view class="icon-recharge"></view>
|
||||
积分
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-my'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<view class="icon-my">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
我的
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar tabbar margin-bottom-xl bg-white">
|
||||
<view class="action text-green">
|
||||
<view class='icon-homefill'></view> 首页
|
||||
<view class="icon-homefill"></view> 首页
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-similar'></view> 分类
|
||||
<view class="icon-similar"></view> 分类
|
||||
</view>
|
||||
<view class="action text-gray add-action">
|
||||
<button class='cu-btn icon-add bg-green shadow'></button>
|
||||
<button class="cu-btn icon-add bg-green shadow"></button>
|
||||
发布
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-my'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<view class="icon-my">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
我的
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar tabbar bg-black">
|
||||
<view class="action text-green">
|
||||
<view class='icon-homefill'></view> 首页
|
||||
<view class="icon-homefill"></view> 首页
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-similar'></view> 分类
|
||||
<view class="icon-similar"></view> 分类
|
||||
</view>
|
||||
<view class="action text-gray add-action">
|
||||
<button class='cu-btn icon-add bg-green shadow'></button>
|
||||
<button class="cu-btn icon-add bg-green shadow"></button>
|
||||
发布
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class="action text-gray">
|
||||
<view class='icon-my'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<view class="icon-my">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
我的
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white tabbar border shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class='icon-service text-green'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<button class="action" open-type="contact">
|
||||
<view class="icon-service text-green">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
客服
|
||||
</button>
|
||||
<view class="action text-orange">
|
||||
<view class='icon-favorfill'></view> 已收藏
|
||||
<view class="icon-favorfill"></view> 已收藏
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class='bg-red submit'>立即订购</view>
|
||||
<view class="bg-red submit">立即订购</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white tabbar border shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class='icon-service text-green'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<button class="action" open-type="contact">
|
||||
<view class="icon-service text-green">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
客服
|
||||
</button>
|
||||
<view class="action">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class='bg-orange submit'>加入购物车</view>
|
||||
<view class='bg-red submit'>立即订购</view>
|
||||
<view class="bg-orange submit">加入购物车</view>
|
||||
<view class="bg-red submit">立即订购</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white tabbar border shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class='icon-service text-green'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<button class="action" open-type="contact">
|
||||
<view class="icon-service text-green">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
客服
|
||||
</button>
|
||||
<view class="action">
|
||||
<view class=' icon-shop'></view> 店铺
|
||||
<view class=" icon-shop"></view> 店铺
|
||||
</view>
|
||||
<view class="action">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class='btn-group'>
|
||||
<button class='cu-btn bg-red round shadow-blur'>立即订购</button>
|
||||
<view class="btn-group">
|
||||
<button class="cu-btn bg-red round shadow-blur">立即订购</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white tabbar border shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class='icon-service text-green'>
|
||||
<view class='cu-tag badge'></view>
|
||||
<button class="action" open-type="contact">
|
||||
<view class="icon-service text-green">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view> 客服
|
||||
</button>
|
||||
<view class="action">
|
||||
<view class='icon-cart'>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
<view class="icon-cart">
|
||||
<view class="cu-tag badge">99</view>
|
||||
</view>
|
||||
购物车
|
||||
</view>
|
||||
<view class='btn-group'>
|
||||
<button class='cu-btn bg-orange round shadow-blur'>加入购物车</button>
|
||||
<button class='cu-btn bg-red round shadow-blur'>立即订购</button>
|
||||
<view class="btn-group">
|
||||
<button class="cu-btn bg-orange round shadow-blur">加入购物车</button>
|
||||
<button class="cu-btn bg-red round shadow-blur">立即订购</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>标题操作条</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box' wx:if="{{false}}">
|
||||
<view class="box" wx:if="{{false}}">
|
||||
<view class="cu-bar justify-center bg-white">
|
||||
<view class='action border-title'>
|
||||
<text class='text-xl text-bold'>关于我们</text>
|
||||
<text class='bg-grey' style='width:2rem'></text>
|
||||
<view class="action border-title">
|
||||
<text class="text-xl text-bold">关于我们</text>
|
||||
<text class="bg-grey" style="width:2rem"></text>
|
||||
<!-- 底部样式 last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar justify-center bg-white">
|
||||
<view class='action border-title'>
|
||||
<text class='text-xl text-bold text-blue'>关于我们</text>
|
||||
<text class='bg-gradual-blue' style='width:3rem'></text>
|
||||
<view class="action border-title">
|
||||
<text class="text-xl text-bold text-blue">关于我们</text>
|
||||
<text class="bg-gradual-blue" style="width:3rem"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar justify-center bg-white">
|
||||
<view class='action sub-title'>
|
||||
<text class='text-xl text-bold text-green'>关于我们</text>
|
||||
<text class='bg-green' style='width:2rem'></text>
|
||||
<view class="action sub-title">
|
||||
<text class="text-xl text-bold text-green">关于我们</text>
|
||||
<text class="bg-green" style="width:2rem"></text>
|
||||
<!-- last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar justify-center bg-white">
|
||||
<view class='action sub-title'>
|
||||
<text class='text-xl text-bold text-blue'>关于我们</text>
|
||||
<text class='text-ABC text-blue'>about</text>
|
||||
<view class="action sub-title">
|
||||
<text class="text-xl text-bold text-blue">关于我们</text>
|
||||
<text class="text-ABC text-blue">about</text>
|
||||
<!-- last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action border-title'>
|
||||
<text class='text-xl text-bold'>关于我们</text>
|
||||
<text class='bg-grey' style='width:2rem'></text>
|
||||
<view class="action border-title">
|
||||
<text class="text-xl text-bold">关于我们</text>
|
||||
<text class="bg-grey" style="width:2rem"></text>
|
||||
<!-- 底部样式 last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action border-title'>
|
||||
<text class='text-xl text-bold text-blue'>关于我们</text>
|
||||
<text class='bg-gradual-blue' style='width:3rem'></text>
|
||||
<view class="action border-title">
|
||||
<text class="text-xl text-bold text-blue">关于我们</text>
|
||||
<text class="bg-gradual-blue" style="width:3rem"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action sub-title'>
|
||||
<text class='text-xl text-bold text-green'>关于我们</text>
|
||||
<text class='bg-green'></text>
|
||||
<view class="action sub-title">
|
||||
<text class="text-xl text-bold text-green">关于我们</text>
|
||||
<text class="bg-green"></text>
|
||||
<!-- last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action sub-title'>
|
||||
<text class='text-xl text-bold text-blue'>关于我们</text>
|
||||
<text class='text-ABC text-blue'>about</text>
|
||||
<view class="action sub-title">
|
||||
<text class="text-xl text-bold text-blue">关于我们</text>
|
||||
<text class="text-ABC text-blue">about</text>
|
||||
<!-- last-child选择器-->
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action title-style-3'>
|
||||
<text class='text-xl text-bold'>关于我们</text>
|
||||
<text class='text-Abc text-gray self-end margin-left-sm'>about</text>
|
||||
<view class="action title-style-3">
|
||||
<text class="text-xl text-bold">关于我们</text>
|
||||
<text class="text-Abc text-gray self-end margin-left-sm">about</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<text class='text-xl text-bold'>关于我们</text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text class="text-xl text-bold">关于我们</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-green'></text>
|
||||
<text class='text-xl text-bold'>关于我们</text>
|
||||
<view class="action">
|
||||
<text class="icon-titles text-green"></text>
|
||||
<text class="text-xl text-bold">关于我们</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>顶部操作条</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-back text-gray'></text> 返回
|
||||
<view class="action">
|
||||
<text class="icon-back text-gray"></text> 返回
|
||||
</view>
|
||||
<view class='content text-bold'>
|
||||
<view class="content text-bold">
|
||||
操作条
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-homefill text-gray'></text> 首页
|
||||
<view class="action">
|
||||
<text class="icon-homefill text-gray"></text> 首页
|
||||
</view>
|
||||
<view class='content text-bold'>
|
||||
<view class="content text-bold">
|
||||
鲜亮的高饱和色彩，专注视觉的小程序组件库
|
||||
</view>
|
||||
<view class='action'>
|
||||
<text class='icon-cardboardfill text-grey'></text>
|
||||
<text class='icon-recordfill text-red'></text>
|
||||
<view class="action">
|
||||
<text class="icon-cardboardfill text-grey"></text>
|
||||
<text class="icon-recordfill text-red"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-blue">
|
||||
<view class='action'>
|
||||
<text class='icon-close'></text> 关闭
|
||||
<view class="action">
|
||||
<text class="icon-close"></text> 关闭
|
||||
</view>
|
||||
<view class='content text-bold'>
|
||||
<view class="content text-bold">
|
||||
海蓝
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-black search">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view class="content">
|
||||
ColorUI
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class="action">
|
||||
<text class="icon-more"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>搜索操作条</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar search bg-white">
|
||||
<view class='search-form round'>
|
||||
<view class="search-form round">
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='cu-btn bg-green shadow-blur round'>搜索</button>
|
||||
<view class="action">
|
||||
<button class="cu-btn bg-green shadow-blur round">搜索</button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar search bg-white">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
|
||||
<view class='search-form round'>
|
||||
<view class="search-form round">
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class="action">
|
||||
<text>广州</text>
|
||||
<text class="icon-triangledownfill"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-red search">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
<view class='search-form radius'>
|
||||
<view class="search-form radius">
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class="action">
|
||||
<text>广州</text>
|
||||
<text class="icon-triangledownfill"></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar bg-cyan search">
|
||||
<view class='search-form radius'>
|
||||
<view class="search-form radius">
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<text class='icon-close'></text>
|
||||
<view class="action">
|
||||
<text class="icon-close"></text>
|
||||
<text>取消</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>操作条按钮组</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur round lg'>保存</button>
|
||||
<button class="cu-btn bg-green shadow-blur round lg">保存</button>
|
||||
</view>
|
||||
<view class="cu-bar btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur'>保存</button>
|
||||
<button class='cu-btn text-green line-green shadow'>上传</button>
|
||||
<button class="cu-btn bg-green shadow-blur">保存</button>
|
||||
<button class="cu-btn text-green line-green shadow">上传</button>
|
||||
</view>
|
||||
<view class="cu-bar btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur round'>保存</button>
|
||||
<button class='cu-btn bg-blue shadow-blur round'>提交</button>
|
||||
<button class="cu-btn bg-green shadow-blur round">保存</button>
|
||||
<button class="cu-btn bg-blue shadow-blur round">提交</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="cu-bar bg-white">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<view class="action">
|
||||
<text class="icon-title text-green"></text>
|
||||
<text>输入操作条</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='box'>
|
||||
<view class="box">
|
||||
<view class="cu-bar input">
|
||||
<view class='action'>
|
||||
<text class='icon-sound text-grey'></text>
|
||||
<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" 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-blur'>发送</button>
|
||||
<button class="cu-btn bg-green shadow-blur">发送</button>
|
||||
</view>
|
||||
|
||||
<view class="cu-bar input">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='action'>
|
||||
<text class='icon-roundaddfill text-grey'></text>
|
||||
<view class="action">
|
||||
<text class="icon-roundaddfill text-grey"></text>
|
||||
</view>
|
||||
<input class='solid-bottom' maxlength="300" cursor-spacing="10"></input>
|
||||
<view class='action'>
|
||||
<text class='icon-emojifill text-grey'></text>
|
||||
<input class="solid-bottom" maxlength="300" cursor-spacing="10"></input>
|
||||
<view class="action">
|
||||
<text class="icon-emojifill text-grey"></text>
|
||||
</view>
|
||||
<button class='cu-btn bg-green shadow-blur'>发送</button>
|
||||
<button class="cu-btn bg-green shadow-blur">发送</button>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,5 +1,5 @@
|
||||
.box {
|
||||
margin: 20rpx;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.box view.cu-bar {
|
||||
|
||||
Reference in New Issue
Block a user