mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-14 12:14:01 +08:00
v2.0.4
This commit is contained in:
Weilanwl
@@ -1,46 +1,46 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
<text>操作条</text>
|
||||
</navigator>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-back text-gray'></text>
|
||||
<text>返回</text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-green'></text>
|
||||
<text>案例</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow-blur sm'>添加
|
||||
<button class='cu-btn bg-green shadow-blur sm'>添加
|
||||
<text class='icon-add'></text> </button>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top justify-end">
|
||||
<view class="cu-bar margin-top justify-end">
|
||||
<view class='action'>
|
||||
<text class='icon-close text-red'></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-back text-gray'></text> 返回
|
||||
</view>
|
||||
<view class='content'>
|
||||
操作条
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-homefill text-gray'></text> 首页
|
||||
</view>
|
||||
@@ -51,37 +51,37 @@
|
||||
<text class='icon-cardboardfill text-grey'></text>
|
||||
<text class='icon-recordfill text-red'></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top bg-blue">
|
||||
<view class="cu-bar margin-top bg-blue">
|
||||
<view class='action'>
|
||||
<text class='icon-close'></text> 关闭
|
||||
</view>
|
||||
<view class='content'>
|
||||
海蓝
|
||||
</view>
|
||||
</bar>
|
||||
<bar class="margin-top bg-orange">
|
||||
</view>
|
||||
<view class="cu-bar margin-top bg-orange">
|
||||
<view class='action'>
|
||||
<text class='icon-back'></text> 返回
|
||||
</view>
|
||||
<view class='content'>
|
||||
操作条
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top bg-black search">
|
||||
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<view class="cu-bar margin-top bg-black search">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='content'>
|
||||
ColorUI
|
||||
</view>
|
||||
<view class='action'>
|
||||
<text class="icon-more"></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top bg-red search">
|
||||
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
<view class="cu-bar margin-top 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'>
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
@@ -90,10 +90,10 @@
|
||||
<text>广州</text>
|
||||
<text class="icon-triangledownfill"></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top search">
|
||||
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
|
||||
<view class="cu-bar margin-top search">
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
|
||||
<view class='search-form round'>
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
@@ -102,9 +102,9 @@
|
||||
<text>广州</text>
|
||||
<text class="icon-triangledownfill"></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top bg-cyan search">
|
||||
<view class="cu-bar margin-top bg-cyan search">
|
||||
<view class='search-form radius'>
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
@@ -113,40 +113,40 @@
|
||||
<text class='icon-close'></text>
|
||||
<text>取消</text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top search">
|
||||
<view class="cu-bar margin-top search">
|
||||
<view class='search-form round'>
|
||||
<text class="icon-search"></text>
|
||||
<input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow-blur round'>搜索</button>
|
||||
<button class='cu-btn bg-green shadow-blur round'>搜索</button>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top btn-group">
|
||||
<button class='bg-green shadow-blur round'>保存</button>
|
||||
</bar>
|
||||
<view class="cu-bar margin-top btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur round'>保存</button>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top btn-group">
|
||||
<button class='bg-green shadow-blur round lg'>保存</button>
|
||||
</bar>
|
||||
<view class="cu-bar margin-top btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur round lg'>保存</button>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top btn-group">
|
||||
<button class='bg-green shadow-blur'>保存</button>
|
||||
<button class='text-green line-green shadow'>上传</button>
|
||||
</bar>
|
||||
<view class="cu-bar margin-top btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur'>保存</button>
|
||||
<button class='cu-btn text-green line-green shadow'>上传</button>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top btn-group">
|
||||
<button class='bg-green shadow-blur round'>保存</button>
|
||||
<button class='bg-blue shadow-blur round'>提交</button>
|
||||
</bar>
|
||||
<view class="cu-bar margin-top btn-group">
|
||||
<button class='cu-btn bg-green shadow-blur round'>保存</button>
|
||||
<button class='cu-btn bg-blue shadow-blur round'>提交</button>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class="cu-bar margin-top shop">
|
||||
<button class="cu-btn action" open-type='contact'>
|
||||
<text class='icon-service text-green'>
|
||||
<tag class='badge'></tag>
|
||||
<view class='cu-tag badge'></view>
|
||||
</text>
|
||||
客服
|
||||
</button>
|
||||
@@ -155,34 +155,34 @@
|
||||
</view>
|
||||
<view class="action">
|
||||
<text class='icon-cart'>
|
||||
<tag class='badge'>99</tag>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
</text>
|
||||
购物车
|
||||
</view>
|
||||
<view class='bg-red submit'>立即订购</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class="cu-bar margin-top shop">
|
||||
<button class="cu-btn action" open-type='contact'>
|
||||
<text class='icon-service text-green'>
|
||||
<tag class='badge'></tag>
|
||||
<view class='cu-tag badge'></view>
|
||||
</text>
|
||||
客服
|
||||
</button>
|
||||
<view class="action">
|
||||
<text class='icon-cart'>
|
||||
<tag class='badge'>99</tag>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
</text>
|
||||
购物车
|
||||
</view>
|
||||
<view class='bg-orange submit'>加入购物车</view>
|
||||
<view class='bg-red submit'>立即订购</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class="cu-bar margin-top shop">
|
||||
<button class="cu-btn action" open-type='contact'>
|
||||
<text class='icon-service text-green'>
|
||||
<tag class='badge'></tag>
|
||||
<view class='cu-tag badge'></view>
|
||||
</text>
|
||||
客服
|
||||
</button>
|
||||
@@ -191,37 +191,37 @@
|
||||
</view>
|
||||
<view class="action">
|
||||
<text class='icon-cart'>
|
||||
<tag class='badge'>99</tag>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
</text>
|
||||
购物车
|
||||
</view>
|
||||
<view class='submit'>
|
||||
<button class='bg-red round shadow-blur'>立即订购</button>
|
||||
<button class='cu-btn bg-red round shadow-blur'>立即订购</button>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top shop">
|
||||
<button class="action" open-type='contact'>
|
||||
<view class="cu-bar margin-top shop">
|
||||
<button class="cu-btn action" open-type='contact'>
|
||||
<text class='icon-service text-green'>
|
||||
<tag class='badge'></tag>
|
||||
<view class='cu-tag badge'></view>
|
||||
</text>
|
||||
客服
|
||||
</button>
|
||||
<view class="action">
|
||||
<text class='icon-cart'>
|
||||
<tag class='badge'>99</tag>
|
||||
<view class='cu-tag badge'>99</view>
|
||||
</text>
|
||||
购物车
|
||||
</view>
|
||||
<view class='submit'>
|
||||
<button class='bg-orange round shadow-blur'>加入购物车</button>
|
||||
<button class='cu-btn bg-orange round shadow-blur'>加入购物车</button>
|
||||
</view>
|
||||
<view class='submit'>
|
||||
<button class='bg-red round shadow-blur'>立即订购</button>
|
||||
<button class='cu-btn bg-red round shadow-blur'>立即订购</button>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top input">
|
||||
<view class="cu-bar margin-top input">
|
||||
<view class='action'>
|
||||
<text class='icon-sound text-grey'></text>
|
||||
</view>
|
||||
@@ -229,11 +229,11 @@
|
||||
<view class='action'>
|
||||
<text class='icon-emojifill text-grey'></text>
|
||||
</view>
|
||||
<button class='bg-green shadow-blur'>发送</button>
|
||||
</bar>
|
||||
<button class='cu-btn bg-green shadow-blur'>发送</button>
|
||||
</view>
|
||||
|
||||
<bar class="margin-top input">
|
||||
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<view class="cu-bar margin-top 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>
|
||||
@@ -241,5 +241,5 @@
|
||||
<view class='action'>
|
||||
<text class='icon-emojifill text-grey'></text>
|
||||
</view>
|
||||
<button class='bg-green shadow-blur'>发送</button>
|
||||
</bar>
|
||||
<button class='cu-btn bg-green shadow-blur'>发送</button>
|
||||
</view>
|
||||
@@ -1,28 +1,28 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
<bar class="solid-bottom">
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 案例类卡片
|
||||
</view>
|
||||
<view class='action'>
|
||||
<switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
|
||||
</view>
|
||||
</bar>
|
||||
<card class="case {{isCard?'no-card':''}}">
|
||||
<item wx:for="{{1}}" wx:key class="shadow">
|
||||
</view>
|
||||
<view class="cu-card case {{isCard?'no-card':''}}">
|
||||
<view wx:for="{{1}}" wx:key class="cu-item shadow">
|
||||
<view class='image'>
|
||||
<image src="https://image.weilanwl.com/img/4x3-1.jpg" mode="widthFix"></image>
|
||||
<tag class="bg-blue">福利</tag>
|
||||
<bar class='bg-shadeBottom'>我和制服不得不说的那些事！</bar>
|
||||
<view class="cu-tag bg-blue">福利</view>
|
||||
<view class='cu-bar bg-shadeBottom'>我和制服不得不说的那些事！</view>
|
||||
</view>
|
||||
<list class="menu menu-avatar">
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></avatar>
|
||||
<view class="cu-list menu menu-avatar">
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></view>
|
||||
<view class='content flex-sub'>
|
||||
<view class='text-grey'>猪皮蛋</view>
|
||||
<view class='text-gray text-sm flex justify-between'>
|
||||
@@ -34,31 +34,31 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
</item>
|
||||
</card>
|
||||
<bar class="solid-bottom {{isCard?'margin-top':''}}">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar solid-bottom {{isCard?'margin-top':''}}">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 动态类卡片
|
||||
</view>
|
||||
<view class='action'>
|
||||
<switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
|
||||
</view>
|
||||
</bar>
|
||||
<card class="dynamic {{isCard?'no-card':''}}">
|
||||
<item wx:for="1" wx:key class="shadow">
|
||||
<list class="menu menu-avatar">
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
</view>
|
||||
<view class="cu-card dynamic {{isCard?'no-card':''}}">
|
||||
<view wx:for="1" wx:key class="cu-item shadow">
|
||||
<view class="cu-list menu menu-avatar">
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
<view class='content flex-sub'>
|
||||
<view>晓晓萌</view>
|
||||
<view class='text-gray text-sm flex justify-between'>
|
||||
2018年12月3日
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
</view>
|
||||
</view>
|
||||
<view class='text-content'>
|
||||
你们的铲屎官是不是经常突然对手机傻笑？我家铲屎官常常坐沙发上笑的发抖！（暗中观察.jpg）
|
||||
</view>
|
||||
@@ -71,9 +71,9 @@
|
||||
<text class="icon-appreciatefill"></text> 20
|
||||
<text class="icon-messagefill"></text> 30
|
||||
</view>
|
||||
<list class="menu menu-avatar comment solids-top">
|
||||
<item wx:for="{{2}}" wx:key>
|
||||
<avatar class="round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
<view class="cu-list menu menu-avatar comment solids-top">
|
||||
<view class="cu-item" wx:for="{{2}}" wx:key>
|
||||
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view class='text-grey'>猪皮蛋</view>
|
||||
<view class='text-gray text-content text-df'>
|
||||
@@ -93,31 +93,31 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
</item>
|
||||
</card>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class="solid-bottom margin-top">
|
||||
<view class="cu-bar solid-bottom margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 文章类卡片
|
||||
</view>
|
||||
<view class='action'>
|
||||
<switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
|
||||
</view>
|
||||
</bar>
|
||||
<card class="article {{isCard?'no-card':''}}">
|
||||
<item wx:for="1" wx:key class="shadow">
|
||||
</view>
|
||||
<view class="cu-card article {{isCard?'no-card':''}}">
|
||||
<view wx:for="1" wx:key class="cu-item shadow">
|
||||
<view class="title">这里有个戏精铲屎官，主子了解一下？</view>
|
||||
<view class="content">
|
||||
<image src="https://image.weilanwl.com/img/4x3-3.jpg" mode="aspectFill"></image>
|
||||
<view class="desc">
|
||||
<view class='text-content'> 这是一个伪铲屎官为了给自己的程序凑字数瞎几把乱写的一堆文字，了解一下就OK！ヾ(=･ω･=)o</view>
|
||||
<view>
|
||||
<tag class='bg-red light sm round'>假装有猫系列</tag>
|
||||
<tag class='bg-green light sm round'>戏精系列</tag>
|
||||
<view class='cu-tag bg-red light sm round'>假装有猫系列</view>
|
||||
<view class='cu-tag bg-green light sm round'>戏精系列</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</card>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,47 +1,47 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<chat>
|
||||
<item class="self">
|
||||
<view class="cu-chat">
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class='content bg-green shadow-blur'>
|
||||
<text>喵喵喵！喵喵喵！喵喵喵！喵喵！喵喵！！喵！喵喵喵！</text>
|
||||
</view>
|
||||
</view>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<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>
|
||||
</item>
|
||||
<info class='round'>对方撤回一条消息!</info>
|
||||
<item>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
|
||||
</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="main">
|
||||
<view class='content shadow'>
|
||||
<text>喵喵喵！喵喵喵！</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class='date '> 13:23</view>
|
||||
</item>
|
||||
<info>
|
||||
</view>
|
||||
<view class="cu-info">
|
||||
<text class='icon-roundclosefill text-red '></text> 对方拒绝了你的消息
|
||||
</info>
|
||||
<info>
|
||||
</view>
|
||||
<view class="cu-info">
|
||||
对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
|
||||
<text class='text-blue'>发送好友验证</text>
|
||||
</info>
|
||||
<item class="self">
|
||||
</view>
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<image src="https://image.weilanwl.com/img/3x4-1.jpg" class='radius' mode="widthFix"></image>
|
||||
</view>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='date'> 13:23</view>
|
||||
</item>
|
||||
<item class="self">
|
||||
</view>
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class='action text-bold text-grey'>
|
||||
3"
|
||||
@@ -50,10 +50,10 @@
|
||||
<text class='icon-sound text-xxl padding-right-xl'> </text>
|
||||
</view>
|
||||
</view>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='date'>13:23</view>
|
||||
</item>
|
||||
<item class="self">
|
||||
</view>
|
||||
<view class="cu-item self">
|
||||
<view class="main">
|
||||
<view class='action'>
|
||||
<text class='icon-locationfill text-orange text-xxl'></text>
|
||||
@@ -62,11 +62,11 @@
|
||||
喵星球，喵喵市
|
||||
</view>
|
||||
</view>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<view class="cu-avatar radius" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='date'>13:23</view>
|
||||
</item>
|
||||
<item>
|
||||
<avatar class="radius" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
|
||||
</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="main">
|
||||
<view class='content shadow'>
|
||||
@#$^&**
|
||||
@@ -76,10 +76,10 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class='date'>13:23</view>
|
||||
</item>
|
||||
</chat>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class="foot input">
|
||||
<view class="cu-bar foot input">
|
||||
<view class='action'>
|
||||
<text class='icon-sound text-grey'></text>
|
||||
</view>
|
||||
@@ -87,5 +87,5 @@
|
||||
<view class='action'>
|
||||
<text class='icon-emojifill text-grey'></text>
|
||||
</view>
|
||||
<button class='bg-green shadow-blur'>发送</button>
|
||||
</bar>
|
||||
<button class='cu-btn bg-green shadow-blur'>发送</button>
|
||||
</view>
|
||||
|
||||
@@ -1,175 +1,175 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
<form>
|
||||
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>邮件</view>
|
||||
<input placeholder="两字短标题" class='radius' name='input'></input>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>输入框</view>
|
||||
<input placeholder="三字标题" class='radius' name='input'></input>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>收货地址</view>
|
||||
<input placeholder="统一标题的宽度" class='radius' name='input'></input>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>收货地址</view>
|
||||
<input placeholder="输入框带个图标" class='radius' name='input'></input>
|
||||
<text class='icon-locationfill text-orange'></text>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>验证码</view>
|
||||
<input placeholder="输入框带个按钮" class='radius' name='input'></input>
|
||||
<button class='bg-green shadow'>验证码</button>
|
||||
</form-group>
|
||||
<form-group>
|
||||
<button class='cu-btn bg-green shadow'>验证码</button>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>手机号码</view>
|
||||
<input placeholder="输入框带标签" class='radius' name='input'></input>
|
||||
<capsule class="radius">
|
||||
<tag class='bg-blue '>
|
||||
<view class="cu-capsule radius">
|
||||
<view class='cu-tag bg-blue '>
|
||||
+86
|
||||
</tag>
|
||||
<tag class="line-blue">
|
||||
</view>
|
||||
<view class="cu-tag line-blue">
|
||||
中国大陆
|
||||
</tag>
|
||||
</capsule>
|
||||
</form-group>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>普通选择</view>
|
||||
<picker bindchange="PickerChange" value="{{index}}" range="{{picker}}">
|
||||
<view class="picker">
|
||||
{{index?picker[index]:'禁止换行，超出容器部分会以 ... 方式截断'}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>多列选择</view>
|
||||
<picker mode="multiSelector" bindchange="MultiChange" bindcolumnchange="MultiColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
|
||||
<view class="picker">
|
||||
{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>时间选择</view>
|
||||
<picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="TimeChange">
|
||||
<view class="picker">
|
||||
{{time}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>日期选择</view>
|
||||
<picker mode="date" value="{{date}}" start="2015-09-01" end="2020-09-01" bindchange="DateChange">
|
||||
<view class="picker">
|
||||
{{date}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>地址选择</view>
|
||||
<picker mode="region" bindchange="RegionChange" value="{{region}}" custom-item="{{customItem}}">
|
||||
<view class="picker">
|
||||
{{region[0]}}，{{region[1]}}，{{region[2]}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group>
|
||||
</view>
|
||||
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>开关选择</view>
|
||||
<switch class='sm'></switch>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>大号开关</view>
|
||||
<switch class=''></switch>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义颜色</view>
|
||||
<switch class='red sm' checked></switch>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<switch class='switch-sex' checked></switch>
|
||||
<view class='title'>定义图标</view>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>方形开关</view>
|
||||
<switch class='orange radius sm' checked></switch>
|
||||
</form-group>
|
||||
</view>
|
||||
<radio-group class="block">
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>单选操作(radio)</view>
|
||||
<radio checked></radio>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义尺寸</view>
|
||||
<radio class='sm'></radio>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义样式</view>
|
||||
<radio class='radio'></radio>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义颜色</view>
|
||||
<view>
|
||||
<radio class='blue radio'></radio>
|
||||
<radio class='red margin-left-sm'></radio>
|
||||
</view>
|
||||
</form-group>
|
||||
</view>
|
||||
</radio-group>
|
||||
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>复选选操作(checkbox)</view>
|
||||
<checkbox></checkbox>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义尺寸</view>
|
||||
<checkbox class='sm' checked></checkbox>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义形状</view>
|
||||
<checkbox class='round' checked></checkbox>
|
||||
</form-group>
|
||||
<form-group>
|
||||
</view>
|
||||
<view class="cu-form-group">
|
||||
<view class='title'>定义颜色</view>
|
||||
<checkbox class='round blue' checked></checkbox>
|
||||
</form-group>
|
||||
<form-group class="margin-top">
|
||||
</view>
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class="grid col-3 grid-square flex-sub">
|
||||
<view class="padding-xs bg-img" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);">
|
||||
</view>
|
||||
<view class="padding-xs bg-img" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
|
||||
<tag class="bg-red">
|
||||
<view class="cu-tag bg-red">
|
||||
<text class='icon-close'></text>
|
||||
</tag>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding-xs solids">
|
||||
<text class='icon-cameraadd'></text>
|
||||
</view>
|
||||
</view>
|
||||
</form-group>
|
||||
<form-group class="margin-top" wx:hide="{{modalName==null}}">
|
||||
</view>
|
||||
<view class="cu-form-group margin-top" wx:hide="{{modalName==null}}">
|
||||
<textarea placeholder="多行文本输入框" maxlength="-1" disabled="{{modalName!=null}}" placeholder-class='placeholder'></textarea>
|
||||
</form-group>
|
||||
<form-group class="top" wx:hide="{{modalName==null}}">
|
||||
</view>
|
||||
<view class="cu-form-group top" wx:hide="{{modalName==null}}">
|
||||
<view class='title'>点文本框</view>
|
||||
<textarea placeholder="多行文本输入框" maxlength="-1" disabled="{{modalName!=null}}" placeholder-class='placeholder'></textarea>
|
||||
</form-group>
|
||||
</view>
|
||||
<!--
|
||||
<form-group class="margin-top">
|
||||
<view class="cu-form-group margin-top">
|
||||
<view class='title'>多级联动</view>
|
||||
<picker mode="region" bindchange="RegionChange" value="{{region}}" custom-item="{{customItem}}">
|
||||
<view class="picker">
|
||||
{{region[0]}}，{{region[1]}}，{{region[2]}}
|
||||
</view>
|
||||
</picker>
|
||||
</form-group> -->
|
||||
</view> -->
|
||||
</form>
|
||||
@@ -1,178 +1,178 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
<view class="page {{skin?' invert ':' '}}">
|
||||
<list class="grid col-3">
|
||||
<item>
|
||||
<view class="cu-list grid col-3">
|
||||
<view class="cu-item">
|
||||
<text class='icon-cardboardfill text-red'></text>
|
||||
<text>VR</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-recordfill text-orange'></text>
|
||||
<text>录像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-picfill text-yellow'></text>
|
||||
<text>图像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-noticefill text-olive'>
|
||||
<tag class="badge">99+</tag>
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</text>
|
||||
<text>通知</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-upstagefill text-cyan'></text>
|
||||
<text>排行榜</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-clothesfill text-blue'>
|
||||
<tag class="badge"></tag>
|
||||
<view class="cu-tag badge"></view>
|
||||
</text>
|
||||
<text>皮肤</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-discoverfill text-purple'></text>
|
||||
<text>发现</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-questionfill text-mauve'></text>
|
||||
<text>帮助</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-servicefill text-pink'></text>
|
||||
<text>反馈</text>
|
||||
</item>
|
||||
</list>
|
||||
<list class="grid col-4">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list grid col-4">
|
||||
<view class="cu-item">
|
||||
<text class='icon-cardboardfill text-red'></text>
|
||||
<text>VR</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-recordfill text-orange'></text>
|
||||
<text>录像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-picfill text-yellow'></text>
|
||||
<text>图像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-noticefill text-olive'>
|
||||
<tag class="badge">99+</tag>
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</text>
|
||||
<text>通知</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-upstagefill text-cyan'></text>
|
||||
<text>排行榜</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-clothesfill text-blue'>
|
||||
<tag class="badge"></tag>
|
||||
<view class="cu-tag badge"></view>
|
||||
</text>
|
||||
<text>皮肤</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-discoverfill text-purple'></text>
|
||||
<text>发现</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-questionfill text-mauve'></text>
|
||||
<text>帮助</text>
|
||||
</item>
|
||||
</list>
|
||||
<list class="grid no-border col-4">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list grid no-border col-4">
|
||||
<view class="cu-item">
|
||||
<text class='icon-cardboardfill text-red'></text>
|
||||
<text>VR</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-recordfill text-orange'></text>
|
||||
<text>录像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-picfill text-yellow'></text>
|
||||
<text>图像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-noticefill text-olive'>
|
||||
<tag class="badge">99+</tag>
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</text>
|
||||
<text>通知</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-upstagefill text-cyan'></text>
|
||||
<text>排行榜</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-clothesfill text-blue'>
|
||||
<tag class="badge"></tag>
|
||||
<view class="cu-tag badge"></view>
|
||||
</text>
|
||||
<text>皮肤</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-discoverfill text-purple'></text>
|
||||
<text>发现</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-questionfill text-mauve'></text>
|
||||
<text>帮助</text>
|
||||
</item>
|
||||
</list>
|
||||
<list class="grid col-5 no-border">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list grid col-5 no-border">
|
||||
<view class="cu-item">
|
||||
<text class='icon-cardboardfill text-red'>
|
||||
<tag class="badge">99+</tag>
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</text>
|
||||
<text>VR</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-recordfill text-orange'></text>
|
||||
<text>录像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-picfill text-yellow'></text>
|
||||
<text>图像</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-noticefill text-olive'>
|
||||
</text>
|
||||
<text>通知</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-upstagefill text-cyan'></text>
|
||||
<text>排行榜</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-clothesfill text-blue'>
|
||||
<tag class="badge"></tag>
|
||||
<view class="cu-tag badge"></view>
|
||||
</text>
|
||||
<text>皮肤</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-discoverfill text-purple'></text>
|
||||
<text>发现</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-questionfill text-mauve'></text>
|
||||
<text>帮助</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-commandfill text-purple'></text>
|
||||
<text>问答</text>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<text class='icon-brandfill text-mauve'></text>
|
||||
<text>版权</text>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu no-padding">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu no-padding">
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<view>
|
||||
<text class='icon-clothesfill text-blue'></text> 皮肤设置</view>
|
||||
@@ -182,8 +182,8 @@
|
||||
<view class='action'>
|
||||
<switch class='switch-sex sm' bindchange="switchSex"></switch>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<view>
|
||||
<text class='icon-musicfill text-red'></text> 声音控制</view>
|
||||
@@ -193,11 +193,11 @@
|
||||
<view class='action'>
|
||||
<switch class='switch-music'></switch>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu menu-avatar inverts">
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu menu-avatar inverts">
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view class='text-grey'>文晓港</view>
|
||||
<view class='text-gray text-sm'>
|
||||
@@ -205,16 +205,16 @@
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<tag class="round bg-grey sm">5</tag>
|
||||
<view class="cu-tag round bg-grey sm">5</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
|
||||
<tag class="badge">99+</tag>
|
||||
</avatar>
|
||||
<view class='content'>
|
||||
<view class='text-grey'>文晓港
|
||||
<tag class="round bg-orange sm">SVIP</tag>
|
||||
<view class="cu-tag round bg-orange sm">SVIP</view>
|
||||
</view>
|
||||
<view class='text-gray text-sm'>
|
||||
<text class='icon-redpacket_fill text-red'></text> 收到红包</view>
|
||||
@@ -223,11 +223,11 @@
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<text class='icon-notice_forbid_fill text-gray'></text>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu menu-avatar no-padding">
|
||||
<item class="">
|
||||
<avatar class="radius lg" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu menu-avatar no-padding">
|
||||
<view class="cu-item ">
|
||||
<view class="cu-avatar radius lg" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view>喵星人互动群</view>
|
||||
<view class='text-gray text-sm'>
|
||||
@@ -235,11 +235,11 @@
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<tag class="round bg-red sm">5</tag>
|
||||
<view class="cu-tag round bg-red sm">5</view>
|
||||
</view>
|
||||
</item>
|
||||
<item class="grayscale">
|
||||
<avatar class="radius lg" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
</view>
|
||||
<view class="cu-item grayscale">
|
||||
<view class="cu-avatar radius lg" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view>喵星人互动群</view>
|
||||
<view class='text-gray text-sm'>
|
||||
@@ -247,16 +247,16 @@
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<tag class="round bg-red sm">5</tag>
|
||||
<view class="cu-tag round bg-red sm">5</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item cur">
|
||||
<view class="cu-avatar radius lg" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);">
|
||||
<view class="cu-tag badge"></view>
|
||||
</view>
|
||||
</item>
|
||||
<item class="cur">
|
||||
<avatar class="radius lg" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);">
|
||||
<tag class="badge"></tag>
|
||||
</avatar>
|
||||
<view class='content'>
|
||||
<view>喵星人互动群
|
||||
<tag class="round bg-orange sm">6人</tag>
|
||||
<view class="cu-tag round bg-orange sm">6人</view>
|
||||
</view>
|
||||
<view class='text-gray text-sm'>
|
||||
喵星酱：
|
||||
@@ -266,99 +266,99 @@
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<text class='icon-notice_forbid_fill text-gray'></text>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu">
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-circlefill text-grey'></text>
|
||||
<text class='text-grey'>图标 + 标题</text>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<image src='/images/logo.png' class='png' mode='aspectFit'></image>
|
||||
<text class='text-grey'>图片 + 标题</text>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
<button class='content' open-type='contact'>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<button class='cu-btn content' open-type='contact'>
|
||||
<text class='icon-btn text-olive'></text>
|
||||
<text class='text-grey'>Open-type 按钮</text>
|
||||
</button>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<navigator class='content' hover-class='none' url='../list/list' open-type="redirect">
|
||||
<text class='icon-discoverfill text-orange'></text>
|
||||
<text class='text-grey'>Navigator 跳转</text>
|
||||
</navigator>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-emojifill text-red'></text>
|
||||
<text class='text-grey'>头像</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<avatar class="sm round">
|
||||
<view class="cu-avatar sm round">
|
||||
<text class='icon-people'></text>
|
||||
</avatar>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-emojiflashfill text-pink'></text>
|
||||
<text class='text-grey'>头像组</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<avatar-group>
|
||||
<avatar class="round sm" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></avatar>
|
||||
<avatar class="round sm" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></avatar>
|
||||
<avatar class="round sm" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></avatar>
|
||||
<avatar class="round sm" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
</avatar-group>
|
||||
<view class="cu-avatar-group">
|
||||
<view class="cu-avatar round sm" style="background-image:url(https://image.weilanwl.com/img/square-4.jpg);"></view>
|
||||
<view class="cu-avatar round sm" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
|
||||
<view class="cu-avatar round sm" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
|
||||
<view class="cu-avatar round sm" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
</view>
|
||||
<text class='text-grey text-sm'>4 人</text>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-crown text-green'></text>
|
||||
<text class='text-grey'>按钮</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='round bg-green sm'>
|
||||
<button class='cu-btn round bg-green sm'>
|
||||
<text class='icon-upload'></text> 上传</button>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-crownfill text-green'></text>
|
||||
<text class='text-grey'>按钮</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='round bg-blue'>
|
||||
<button class='cu-btn round bg-blue'>
|
||||
<text class='icon-down'></text> 下载</button>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu">
|
||||
<item class="arrow">
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu">
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-roundrightfill text-grey'></text>
|
||||
<text class='text-grey'>箭头</text>
|
||||
</view>
|
||||
</item>
|
||||
<item class="arrow">
|
||||
</view>
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-tagfill text-red'></text>
|
||||
<text class='text-grey'>标签</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<tag class="round bg-orange light">音乐</tag>
|
||||
<tag class="round bg-olive light">电影</tag>
|
||||
<tag class="round bg-blue light">旅行</tag>
|
||||
<view class="cu-tag round bg-orange light">音乐</view>
|
||||
<view class="cu-tag round bg-olive light">电影</view>
|
||||
<view class="cu-tag round bg-blue light">旅行</view>
|
||||
</view>
|
||||
</item>
|
||||
<item class="arrow">
|
||||
</view>
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-warn text-green'></text>
|
||||
<text class='text-grey'>文本</text>
|
||||
@@ -366,85 +366,85 @@
|
||||
<view class='action'>
|
||||
<text class='text-grey text-sm'>小目标还没有实现！</text>
|
||||
</view>
|
||||
</item>
|
||||
<item class="arrow">
|
||||
</view>
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-warnfill text-green'></text>
|
||||
<text class='text-grey'>文本</text>
|
||||
<text class='text-grey text-sm margin-left-sm'>小目标还没有实现！</text>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu no-padding">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu no-padding">
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-radiobox text-orange'></text>
|
||||
<text class='text-grey'>徽章</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<tag class='bg-red round'></tag>
|
||||
<view class='cu-tag bg-red round'></view>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-tagfill text-olive'></text>
|
||||
<text class='text-grey'>标签</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<tag class='bg-olive round'>9</tag>
|
||||
<view class='cu-tag bg-olive round'>9</view>
|
||||
</view>
|
||||
</item>
|
||||
<item class="arrow">
|
||||
</view>
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-radioboxfill text-blue'></text>
|
||||
<text class='text-grey'>胶囊</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<capsule class="round">
|
||||
<tag class='bg-blue'>
|
||||
<view class="cu-capsule round">
|
||||
<view class='cu-tag bg-blue'>
|
||||
<text class='icon-locationfill'></text>
|
||||
</tag>
|
||||
<tag class="line-blue">
|
||||
</view>
|
||||
<view class="cu-tag line-blue">
|
||||
广州
|
||||
</tag>
|
||||
</capsule>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
<list class="menu no-padding card-menu margin-bottom-xl">
|
||||
<item>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list menu no-padding card-menu margin-bottom-xl">
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-radiobox text-orange'></text>
|
||||
<text class='text-grey'>徽章</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<tag class='bg-red round'></tag>
|
||||
<view class='cu-tag bg-red round'></view>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class='content'>
|
||||
<text class='icon-tagfill text-olive'></text>
|
||||
<text class='text-grey'>标签</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<tag class='bg-olive round'>9</tag>
|
||||
<view class='cu-tag bg-olive round'>9</view>
|
||||
</view>
|
||||
</item>
|
||||
<item class="arrow">
|
||||
</view>
|
||||
<view class="cu-item arrow">
|
||||
<view class='content'>
|
||||
<text class='icon-radioboxfill text-blue'></text>
|
||||
<text class='text-grey'>胶囊</text>
|
||||
</view>
|
||||
<view class='action'>
|
||||
<capsule class="round">
|
||||
<tag class='bg-blue'>
|
||||
<view class="cu-capsule round">
|
||||
<view class='cu-tag bg-blue'>
|
||||
<text class='icon-locationfill'></text>
|
||||
</tag>
|
||||
<tag class="line-blue">
|
||||
</view>
|
||||
<view class="cu-tag line-blue">
|
||||
广州
|
||||
</tag>
|
||||
</capsule>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,123 +1,123 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class="">
|
||||
<view class="cu-bar ">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 模态窗口
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow' bindtap="showModal" data-target="Modal">Modal</button>
|
||||
<button class='cu-btn bg-green shadow' bindtap="showModal" data-target="Modal">Modal</button>
|
||||
</view>
|
||||
</bar>
|
||||
<modal-box class="{{modalName=='Modal'?'show':''}}">
|
||||
<dialog>
|
||||
<bar class="justify-end">
|
||||
</view>
|
||||
<view class="cu-modal {{modalName=='Modal'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
</dialog>
|
||||
</modal-box>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class=" margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 底部窗口
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow' bindtap="showModal" data-target="bottomModal">Bottom</button>
|
||||
<button class='cu-btn bg-green shadow' bindtap="showModal" data-target="bottomModal">Bottom</button>
|
||||
</view>
|
||||
</bar>
|
||||
<modal-box class="bottom-modal {{modalName=='bottomModal'?'show':''}}">
|
||||
<dialog>
|
||||
<bar class="">
|
||||
</view>
|
||||
<view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar ">
|
||||
<view class='action text-green'>确定</view>
|
||||
<view class='action text-blue' bindtap='hideModal'>取消</view>
|
||||
</bar>
|
||||
</view>
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
</dialog>
|
||||
</modal-box>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class=" margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 对话窗口
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow' bindtap="showModal" data-target="DialogModal1">Dialog</button>
|
||||
<button class='bg-blue shadow margin-left' bindtap="showModal" data-target="DialogModal2">Dialog</button>
|
||||
<button class='cu-btn bg-green shadow' bindtap="showModal" data-target="DialogModal1">Dialog</button>
|
||||
<button class='cu-btn bg-blue shadow margin-left' bindtap="showModal" data-target="DialogModal2">Dialog</button>
|
||||
</view>
|
||||
</bar>
|
||||
<modal-box class="{{modalName=='DialogModal1'?'show':''}}">
|
||||
<dialog>
|
||||
<bar class="justify-end">
|
||||
</view>
|
||||
<view class="cu-modal {{modalName=='DialogModal1'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
<bar class="justify-end">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class='action'>
|
||||
<button class='line-green text-green' bindtap='hideModal'>取消</button>
|
||||
<button class='bg-green margin-left' bindtap='hideModal'>确定</button>
|
||||
<button class='cu-btn line-green text-green' bindtap='hideModal'>取消</button>
|
||||
<button class='cu-btn bg-green margin-left' bindtap='hideModal'>确定</button>
|
||||
|
||||
</view>
|
||||
</bar>
|
||||
</dialog>
|
||||
</modal-box>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<modal-box class="{{modalName=='DialogModal2'?'show':''}}">
|
||||
<dialog>
|
||||
<bar class="justify-end">
|
||||
<view class="cu-modal {{modalName=='DialogModal2'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="cu-bar justify-end">
|
||||
<view class='content'>Modal标题</view>
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close text-red'></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<view class='padding-xl'>
|
||||
Modal 内容。
|
||||
</view>
|
||||
<bar>
|
||||
<view class="cu-bar">
|
||||
<view class='action margin-0 flex-sub text-green ' bindtap='hideModal'>
|
||||
<text class='icon-moneybag'></text>微信支付</view>
|
||||
<view class='action margin-0 flex-sub text-green solid-left' bindtap='hideModal'>取消</view>
|
||||
<view class='action margin-0 flex-sub solid-left' bindtap='hideModal'>确定</view>
|
||||
</bar>
|
||||
</dialog>
|
||||
</modal-box>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<bar class=" margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 图片窗口
|
||||
</view>
|
||||
<view class='action'>
|
||||
<button class='bg-green shadow' bindtap="showModal" data-target="Image">Image</button>
|
||||
<button class='cu-btn bg-green shadow' bindtap="showModal" data-target="Image">Image</button>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
|
||||
<modal-box class="{{modalName=='Image'?'show':''}}">
|
||||
<dialog>
|
||||
<view class="cu-modal {{modalName=='Image'?'show':''}}">
|
||||
<view class="cu-dialog">
|
||||
<view class="bg-img" style="background-image: url('https://albedo-theme.com/wp-content/uploads/2016/08/pexels-photo-26180.jpg');height:200px;">
|
||||
<bar class="justify-end none-bg text-white">
|
||||
<view class="cu-bar justify-end none-bg text-white">
|
||||
<view class='action' bindtap='hideModal'>
|
||||
<text class='icon-close '></text>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
</view>
|
||||
<bar>
|
||||
<view class="cu-bar">
|
||||
<view class='action margin-0 flex-sub solid-left' bindtap='hideModal'>我知道了</view>
|
||||
</bar>
|
||||
</dialog>
|
||||
</modal-box>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,87 +1,87 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:for="{{10}}" wx:key wx:if="{{index==TabCur}}" class='bg-grey padding margin text-center'>
|
||||
Tab{{index}}
|
||||
</view>
|
||||
<bar class="solid-bottom">
|
||||
<view class="cu-bar solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-titles text-orange '></text> 默认
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-white nav" scroll-with-animation scroll-left="{{scrollLeft}}">
|
||||
<item class="{{index==TabCur?'text-green cur':''}}" wx:for="{{10}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
<view class="cu-item {{index==TabCur?'text-green cur':''}}" wx:for="{{10}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
Tab{{index}}
|
||||
</item>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<bar class="margin-top solid-bottom">
|
||||
<view class="cu-bar margin-top solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange'></text> 居中
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-white nav text-center">
|
||||
<item class="{{index==TabCur?'text-blue cur':''}}" wx:for="{{3}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
<view class="cu-item {{index==TabCur?'text-blue cur':''}}" wx:for="{{3}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
Tab{{index}}
|
||||
</item>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<bar class="margin-top solid-bottom">
|
||||
<view class="cu-bar margin-top solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange'></text> 平分
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-white nav">
|
||||
<view class='flex text-center'>
|
||||
<item class="flex-sub {{index==TabCur?'text-orange cur':''}}" wx:for="{{4}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
<view class="cu-item flex-sub {{index==TabCur?'text-orange cur':''}}" wx:for="{{4}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
Tab{{index}}
|
||||
</item>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<bar class="margin-top solid-bottom">
|
||||
<view class="cu-bar margin-top solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange'></text> 背景
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-red nav text-center">
|
||||
<item class="{{index==TabCur?'text-white cur':''}}" wx:for="{{3}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
<view class="cu-item {{index==TabCur?'text-white cur':''}}" wx:for="{{3}}" wx:key bindtap='tabSelect' data-id="{{index}}">
|
||||
Tab{{index}}
|
||||
</item>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<bar class="margin-top solid-bottom">
|
||||
<view class="cu-bar margin-top solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange'></text> 图标
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-green nav text-center">
|
||||
<item class="{{0==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="0">
|
||||
<view class="cu-item {{0==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="0">
|
||||
<text class='icon-camerafill'></text> 数码
|
||||
</item>
|
||||
<item class="{{1==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="1">
|
||||
</view>
|
||||
<view class="cu-item {{1==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="1">
|
||||
<text class='icon-upstagefill'></text> 排行榜
|
||||
</item>
|
||||
<item class="{{2==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="2">
|
||||
</view>
|
||||
<view class="cu-item {{2==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="2">
|
||||
<text class='icon-clothesfill'></text> 皮肤
|
||||
</item>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<bar class="margin-top solid-bottom">
|
||||
<view class="cu-bar margin-top solid-bottom">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-orange'></text> 定位
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<scroll-view scroll-x class="bg-green nav text-center">
|
||||
<item class="{{0==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="0">
|
||||
<view class="cu-item {{0==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="0">
|
||||
<text class='icon-camerafill'></text> 数码
|
||||
</item>
|
||||
<item class="{{1==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="1">
|
||||
</view>
|
||||
<view class="cu-item {{1==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="1">
|
||||
<text class='icon-upstagefill'></text> 排行榜
|
||||
</item>
|
||||
<item class="{{2==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="2">
|
||||
</view>
|
||||
<view class="cu-item {{2==TabCur?'text-white cur':''}}" bindtap='tabSelect' data-id="2">
|
||||
<text class='icon-clothesfill'></text> 皮肤
|
||||
</item>
|
||||
</view>
|
||||
</scroll-view>
|
||||
@@ -1,39 +1,39 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
<bar>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-bar">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-pink'></text> 全屏限高轮播
|
||||
</view>
|
||||
<view class='action'>
|
||||
<switch class='sm' bindchange='DotStyle'></switch>
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<swiper class="screen-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
|
||||
<swiper-item wx:for="{{4}}" wx:key>
|
||||
<image src="https://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill'></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-pink'></text> 卡片式轮播
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<swiper class="card-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500" bindchange="cardSwiper" indicator-color="#8799a3" indicator-active-color="#0081ff">
|
||||
<swiper-item wx:for="{{4}}" wx:key class="{{cardCur==index?'cur':''}}">
|
||||
<view class='bg-img shadow-blur' style="background-image:url(https://image.weilanwl.com/img/4x3-{{index+1}}.jpg)"></view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
<bar class="margin-top">
|
||||
<view class="cu-bar margin-top">
|
||||
<view class='action'>
|
||||
<text class='icon-title text-pink'></text> 堆叠式轮播
|
||||
</view>
|
||||
</bar>
|
||||
</view>
|
||||
<view class="tower-swiper" bindtouchmove="towerMove" bindtouchstart="towerStart" bindtouchend="towerEnd">
|
||||
<view class='tower-item {{item.zIndex==1?"none":""}}' wx:for="{{towerList}}" wx:key style='transform: scale({{0.5+item.zIndex/10}});margin-left:{{item.mLeft*100-150}}rpx;z-index:{{item.zIndex}}'>
|
||||
<view class='bg-img shadow-blur' style="background-image:url({{item.url}})"></view>
|
||||
|
||||
@@ -1,63 +1,63 @@
|
||||
<custom style="height:{{CustomBar}}px;">
|
||||
<bar class="fixed gradual-pink" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
|
||||
<view class="cu-custom" style="height:{{CustomBar}}px;">
|
||||
<view class="cu-bar fixed 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>
|
||||
</bar>
|
||||
</custom>
|
||||
<timeline>
|
||||
<time>昨天</time>
|
||||
<item class='cur icon-noticefill'>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">昨天</view>
|
||||
<view class='cu-item cur icon-noticefill'>
|
||||
<view class="content bg-green shadow-blur">
|
||||
<text>22:22</text> 【广州市】快件已到达地球
|
||||
</view>
|
||||
</item>
|
||||
<item class='text-red icon-attentionforbidfill'>
|
||||
</view>
|
||||
<view class='cu-item text-red icon-attentionforbidfill'>
|
||||
<view class="content bg-red shadow-blur">
|
||||
这是第一次，我家的铲屎官走了这么久。久到足足有三天！！
|
||||
</view>
|
||||
</item>
|
||||
<item class='text-grey icon-evaluate_fill'>
|
||||
</view>
|
||||
<view class='cu-item text-grey icon-evaluate_fill'>
|
||||
<view class="content bg-grey shadow-blur">
|
||||
这是第一次，我家的铲屎官走了这么久。
|
||||
</view>
|
||||
</item>
|
||||
<item class='text-blue'>
|
||||
</view>
|
||||
<view class='cu-item text-blue'>
|
||||
<view class="bg-blue content">
|
||||
<text>20:00</text> 【月球】快件已到达月球，准备发往地球
|
||||
</view>
|
||||
<view class="bg-cyan content">
|
||||
<text>10:00</text> 【银河系】快件已到达银河系，准备发往月球
|
||||
</view>
|
||||
</item>
|
||||
</timeline>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<timeline>
|
||||
<time>06-17</time>
|
||||
<item>
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">06-17</view>
|
||||
<view class="cu-item">
|
||||
<view class="content">
|
||||
<text>01:30</text> 【喵星】 MX-12138 已揽收，准备发往银河系
|
||||
</view>
|
||||
</item>
|
||||
</timeline>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<timeline>
|
||||
<time>06-17</time>
|
||||
<item>
|
||||
<view class="cu-timeline">
|
||||
<view class="cu-time">06-17</view>
|
||||
<view class="cu-item">
|
||||
<view class="content">
|
||||
<capsule class="radius">
|
||||
<tag class="bg-cyan">上午</tag>
|
||||
<tag class="line-cyan">10:00</tag>
|
||||
</capsule>
|
||||
<view class="cu-capsule radius">
|
||||
<view class="cu-tag bg-cyan">上午</view>
|
||||
<view class="cu-tag line-cyan">10:00</view>
|
||||
</view>
|
||||
<view class='margin-top'>这是第一次，我家的铲屎官走了这么久。久到足足有三天！！ 在听到他的脚步声响在楼梯间的那一刻，我简直想要破门而出，对着他狠狠地吼上10分钟，然后再看心情要不要他进门。</view>
|
||||
</view>
|
||||
</item>
|
||||
<item class='text-blue'>
|
||||
</view>
|
||||
<view class='cu-item text-blue'>
|
||||
<view class="bg-blue shadow-blur content">
|
||||
<list class="menu menu-avatar radius">
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></avatar>
|
||||
<view class="cu-list menu menu-avatar radius">
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
|
||||
<view class='content'>
|
||||
<view class='text-grey'>文晓港</view>
|
||||
<view class='text-gray text-sm'>
|
||||
@@ -65,16 +65,16 @@
|
||||
</view>
|
||||
<view class='action'>
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<tag class="round grey sm">5</tag>
|
||||
<view class="cu-tag round grey sm">5</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-item">
|
||||
<view class="cu-avatar round lg" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
|
||||
<view class="cu-tag badge">99+</view>
|
||||
</view>
|
||||
</item>
|
||||
<item>
|
||||
<avatar class="round lg" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);">
|
||||
<tag class="badge">99+</tag>
|
||||
</avatar>
|
||||
<view class='content'>
|
||||
<view class='text-grey'>文晓港
|
||||
<tag class="round orange sm">SVIP</tag>
|
||||
<view class="cu-tag round orange sm">SVIP</view>
|
||||
</view>
|
||||
<view class='text-gray text-sm'>
|
||||
<text class='icon-redpacket_fill text-red'></text> 收到红包</view>
|
||||
@@ -83,8 +83,8 @@
|
||||
<view class='text-grey text-xs'>22:20</view>
|
||||
<text class='icon-notice_forbid_fill text-gray'></text>
|
||||
</view>
|
||||
</item>
|
||||
</list>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</item>
|
||||
</timeline>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user