71 changed files with 22922 additions and 21 deletions
@ -0,0 +1,33 @@ |
|||||
|
/* ===== 页面公用 ===== */ |
||||
|
page { |
||||
|
// width: 100vw; |
||||
|
height: 100vh; |
||||
|
background-color: #f5f5f5; |
||||
|
} |
||||
|
|
||||
|
view { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
/* ==== 弹性盒模型布局 ==== */ |
||||
|
.fb-d-r { display: flex; flex-direction: row; } |
||||
|
.fb-d-c { display: flex; flex-direction: column;} |
||||
|
.fb-w { flex-wrap: wrap; } |
||||
|
.fb-j-a { justify-content: flex-start; } |
||||
|
.fb-j-e { justify-content: flex-end; } |
||||
|
.fb-j-c { justify-content: center; } |
||||
|
.fb-j-sb { justify-content: space-between; } |
||||
|
.fb-j-sa { justify-content: space-around; } |
||||
|
.fb-a-a { align-items: flex-start; } |
||||
|
.fb-a-e { align-items: flex-end; } |
||||
|
.fb-a-c { align-items: center; } |
||||
|
.fb-a-sb { align-items: space-between; } |
||||
|
.fb-a-sa { align-items: space-around; } |
||||
|
|
||||
|
/* ==== 外边距 ==== */ |
||||
|
.ml-10 { |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.mt-10 { |
||||
|
margin-top: 10rpx; |
||||
|
} |
||||
@ -0,0 +1,4 @@ |
|||||
|
|
||||
|
require('./common/runtime.js') |
||||
|
require('./common/vendor.js') |
||||
|
require('./common/main.js') |
||||
@ -0,0 +1,45 @@ |
|||||
|
{ |
||||
|
"pages": [ |
||||
|
"pages/index/index", |
||||
|
"pages/creator/creator", |
||||
|
"pages/userInfo/userInfo", |
||||
|
"pages/userInfo/myCollection/myCollection", |
||||
|
"pages/userInfo/question/question", |
||||
|
"pages/userInfo/contactUs/contactUs", |
||||
|
"pages/userInfo/setting/setting" |
||||
|
], |
||||
|
"subPackages": [], |
||||
|
"window": { |
||||
|
"navigationBarTextStyle": "black", |
||||
|
"navigationBarTitleText": "bnyer", |
||||
|
"navigationBarBackgroundColor": "#F8F8F8", |
||||
|
"backgroundColor": "#F8F8F8" |
||||
|
}, |
||||
|
"tabBar": { |
||||
|
"color": "#7A7E83", |
||||
|
"selectedColor": "#007AFF", |
||||
|
"borderStyle": "black", |
||||
|
"backgroundColor": "#F8F8F8", |
||||
|
"list": [ |
||||
|
{ |
||||
|
"pagePath": "pages/index/index", |
||||
|
"iconPath": "static/logo.png", |
||||
|
"selectedIconPath": "static/logo.png", |
||||
|
"text": "首页" |
||||
|
}, |
||||
|
{ |
||||
|
"pagePath": "pages/creator/creator", |
||||
|
"iconPath": "static/logo.png", |
||||
|
"selectedIconPath": "static/logo.png", |
||||
|
"text": "艺术家" |
||||
|
}, |
||||
|
{ |
||||
|
"pagePath": "pages/userInfo/userInfo", |
||||
|
"iconPath": "static/logo.png", |
||||
|
"selectedIconPath": "static/logo.png", |
||||
|
"text": "我的" |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,3 @@ |
|||||
|
@import './common/main.ttss'; |
||||
|
|
||||
|
[data-custom-hidden="true"],[bind-data-custom-hidden="true"]{display: none !important;} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "艺术家", |
||||
|
"enablePullDownRefresh": true, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="content data-v-5830ad60"><view class="data-v-5830ad60"><swiper class="swiper-box data-v-5830ad60" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-dots="{{indicatorDots}}"><block tt:for="{{banner}}" tt:for-item="item" tt:for-index="index" tt:key="index"><swiper-item class="data-v-5830ad60"><image class="img data-v-5830ad60" src="{{item.bannerImg}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['banner','',index]]]]]]]}}" bindtap="__e"></image></swiper-item></block></swiper></view><view class="list data-v-5830ad60"><block tt:for="{{userImgList}}" tt:for-item="item" tt:for-index="index" tt:key="index"><view class="list-item data-v-5830ad60"><view class="fb-d-r fb-j-sb fb-a-c data-v-5830ad60"><view class="fb-d-r fb-a-c head-box data-v-5830ad60"><image class="head data-v-5830ad60" src="{{item.img}}"></image><view class="ml-10 data-v-5830ad60"><view class="data-v-5830ad60"><text class="data-v-5830ad60">{{item.username}}</text></view><view class="fb-d-r fb-j-sb data-v-5830ad60"><view class="data-v-5830ad60"><text class="data-v-5830ad60">图标</text><text class="data-v-5830ad60">11111</text></view><view class="data-v-5830ad60"><text class="data-v-5830ad60">图标</text><text class="data-v-5830ad60">11111</text></view><view class="data-v-5830ad60"><text class="data-v-5830ad60">图标</text><text class="data-v-5830ad60">11111</text></view></view></view></view><view class="data-v-5830ad60">jiantou</view></view><view class="fb-d-r fb-j-sb img-box data-v-5830ad60"><block tt:for="{{item.imgList}}" tt:for-item="pic" tt:for-index="param" tt:key="param"><view class="data-v-5830ad60"><image class="threeImg data-v-5830ad60" src="{{pic.imgUrl}}" data-event-opts="{{[['tap',[['linkTo',['$0'],[[['userImgList','',index]]]]]]]}}" bindtap="__e"></image></view></block></view></view></block></view></view> |
||||
@ -0,0 +1,62 @@ |
|||||
|
@charset "UTF-8"; |
||||
|
/* 水平间距 */ |
||||
|
/* 水平间距 */ |
||||
|
.content.data-v-5830ad60 { |
||||
|
padding: 20rpx; |
||||
|
background-color: #ffffff; |
||||
|
font-size: 22rpx; |
||||
|
} |
||||
|
.content .list.data-v-5830ad60 { |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.content .list-item.data-v-5830ad60 { |
||||
|
padding: 5rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.content .list .head-box.data-v-5830ad60 { |
||||
|
flex: .8; |
||||
|
} |
||||
|
.content .list .head-box > .ml-10.data-v-5830ad60 { |
||||
|
flex: 1; |
||||
|
} |
||||
|
.content .list .img-box.data-v-5830ad60 { |
||||
|
margin-top: 10rpx; |
||||
|
} |
||||
|
.content .list .img-box > view.data-v-5830ad60 { |
||||
|
width: 32%; |
||||
|
} |
||||
|
.content .list .img-box > view image.data-v-5830ad60 { |
||||
|
border-radius: 8rpx; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.swiper-box.data-v-5830ad60 { |
||||
|
height: 250rpx; |
||||
|
border-radius: 8rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.swiper-item.data-v-5830ad60 { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
height: 200px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
.img.data-v-5830ad60 { |
||||
|
position: absolute; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.head.data-v-5830ad60 { |
||||
|
width: 80rpx; |
||||
|
height: 80rpx; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.userName.data-v-5830ad60 { |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.threeImg.data-v-5830ad60 { |
||||
|
height: 300rpx; |
||||
|
width: 200rpx; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "首页", |
||||
|
"usingComponents": { |
||||
|
"uni-search-bar": "/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="container"><view><uni-search-bar class="uni-mt-10" vue-id="8dda190e-1" radius="5" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none" data-event-opts="{{[['^confirm',[['search']]]]}}" bind:confirm="__e" bind:__l="__l"></uni-search-bar></view><view></view></view> |
||||
@ -0,0 +1,7 @@ |
|||||
|
|
||||
|
.container { |
||||
|
padding: 20px; |
||||
|
font-size: 14px; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "联系我们", |
||||
|
"enablePullDownRefresh": false, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view><text>这是联系我们页面</text></view> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "我的收藏", |
||||
|
"enablePullDownRefresh": true, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view><text>这是我的收藏</text></view> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "常见问题", |
||||
|
"enablePullDownRefresh": false, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view><text>这是常见问题页面</text></view> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "设置", |
||||
|
"enablePullDownRefresh": false, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view><text>这是设置页面</text></view> |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,8 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "个人中心", |
||||
|
"enablePullDownRefresh": true, |
||||
|
"usingComponents": { |
||||
|
"uni-list": "/uni_modules/uni-list/components/uni-list/uni-list", |
||||
|
"uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view><uni-list vue-id="23dab6ff-1" bind:__l="__l" vue-slots="{{['default']}}"><uni-list-item vue-id="{{('23dab6ff-2')+','+('23dab6ff-1')}}" title="我的信息" clickable="{{true}}" data-event-opts="{{[['^click',[['onClick']]]]}}" bind:click="__e" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-3')+','+('23dab6ff-1')}}" title="我的收藏" show-extra-icon="{{true}}" extra-icon="{{gift-filled}}" link="{{true}}" to="/pages/userInfo/myCollection/myCollection" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-4')+','+('23dab6ff-1')}}" title="常见问题" show-extra-icon="{{true}}" extra-icon="{{extraIcon1}}" link="{{true}}" to="/pages/userInfo/question/question" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-5')+','+('23dab6ff-1')}}" title="联系我们" link="{{true}}" to="/pages/userInfo/contactUs/contactUs" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-6')+','+('23dab6ff-1')}}" title="设置" link="{{true}}" to="/pages/userInfo/setting/setting" bind:__l="__l"></uni-list-item><uni-list-item vue-id="{{('23dab6ff-7')+','+('23dab6ff-1')}}" title="分享" clickable="{{true}}" data-event-opts="{{[['^click',[['getLink']]]]}}" bind:click="__e" bind:__l="__l"></uni-list-item><button open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['getPhoneNumber',['$event']]]]]}}" bindgetphonenumber="__e">绑定手机号</button></uni-list></view> |
||||
@ -0,0 +1,23 @@ |
|||||
|
{ |
||||
|
"setting": { |
||||
|
"urlCheck": false |
||||
|
}, |
||||
|
"appid": "ttc408b2b55b364f6601", |
||||
|
"projectname": "app", |
||||
|
"condition": { |
||||
|
"miniprogram": { |
||||
|
"list": [ |
||||
|
{ |
||||
|
"id": 1651737979264, |
||||
|
"name": "1", |
||||
|
"pathName": "pages/creator/creator", |
||||
|
"query": "", |
||||
|
"scene": "990001", |
||||
|
"launchFrom": "scan", |
||||
|
"location": "qr_code" |
||||
|
} |
||||
|
], |
||||
|
"current": 1651737979264 |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
After Width: | Height: | Size: 401 B |
|
After Width: | Height: | Size: 470 B |
|
After Width: | Height: | Size: 511 B |
|
After Width: | Height: | Size: 476 B |
|
After Width: | Height: | Size: 472 B |
|
After Width: | Height: | Size: 545 B |
|
After Width: | Height: | Size: 365 B |
|
After Width: | Height: | Size: 587 B |
|
After Width: | Height: | Size: 565 B |
@ -0,0 +1,33 @@ |
|||||
|
/* ===== 页面公用 ===== */ |
||||
|
page { |
||||
|
// width: 100vw; |
||||
|
height: 100vh; |
||||
|
background-color: #f5f5f5; |
||||
|
} |
||||
|
|
||||
|
view { |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
/* ==== 弹性盒模型布局 ==== */ |
||||
|
.fb-d-r { display: flex; flex-direction: row; } |
||||
|
.fb-d-c { display: flex; flex-direction: column;} |
||||
|
.fb-w { flex-wrap: wrap; } |
||||
|
.fb-j-a { justify-content: flex-start; } |
||||
|
.fb-j-e { justify-content: flex-end; } |
||||
|
.fb-j-c { justify-content: center; } |
||||
|
.fb-j-sb { justify-content: space-between; } |
||||
|
.fb-j-sa { justify-content: space-around; } |
||||
|
.fb-a-a { align-items: flex-start; } |
||||
|
.fb-a-e { align-items: flex-end; } |
||||
|
.fb-a-c { align-items: center; } |
||||
|
.fb-a-sb { align-items: space-between; } |
||||
|
.fb-a-sa { align-items: space-around; } |
||||
|
|
||||
|
/* ==== 外边距 ==== */ |
||||
|
.ml-10 { |
||||
|
margin-left: 10rpx; |
||||
|
} |
||||
|
.mt-10 { |
||||
|
margin-top: 10rpx; |
||||
|
} |
||||
@ -0,0 +1,20 @@ |
|||||
|
@font-face { |
||||
|
font-family: "customicons"; /* Project id 2878519 */ |
||||
|
src:url('/static/customicons.ttf') format('truetype'); |
||||
|
} |
||||
|
|
||||
|
.customicons { |
||||
|
font-family: "customicons" !important; |
||||
|
} |
||||
|
|
||||
|
.youxi:before { |
||||
|
content: "\e60e"; |
||||
|
} |
||||
|
|
||||
|
.wenjian:before { |
||||
|
content: "\e60f"; |
||||
|
} |
||||
|
|
||||
|
.zhuanfa:before { |
||||
|
content: "\e610"; |
||||
|
} |
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"usingComponents": {}, |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="uni-badge--x"><slot></slot><block tt:if="{{text}}"><text data-event-opts="{{[['tap',[['onClick']]]]}}" class="{{(('uni-badge')+' '+classNames)}}" style="{{$root.s0}}" bindtap="__e">{{displayValue}}</text></block></view> |
||||
@ -0,0 +1,74 @@ |
|||||
|
@charset "UTF-8"; |
||||
|
/* 水平间距 */ |
||||
|
/* 水平间距 */ |
||||
|
.uni-badge--x { |
||||
|
display: inline-block; |
||||
|
position: relative; |
||||
|
} |
||||
|
.uni-badge--absolute { |
||||
|
position: absolute; |
||||
|
} |
||||
|
.uni-badge--small { |
||||
|
-webkit-transform: scale(0.8); |
||||
|
transform: scale(0.8); |
||||
|
-webkit-transform-origin: center center; |
||||
|
transform-origin: center center; |
||||
|
} |
||||
|
.uni-badge { |
||||
|
display: flex; |
||||
|
overflow: hidden; |
||||
|
box-sizing: border-box; |
||||
|
justify-content: center; |
||||
|
flex-direction: row; |
||||
|
height: 20px; |
||||
|
line-height: 18px; |
||||
|
color: #fff; |
||||
|
border-radius: 100px; |
||||
|
background-color: #8f939c; |
||||
|
background-color: transparent; |
||||
|
border: 1px solid #fff; |
||||
|
text-align: center; |
||||
|
font-family: 'Helvetica Neue', Helvetica, sans-serif; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
.uni-badge--info { |
||||
|
color: #fff; |
||||
|
background-color: #8f939c; |
||||
|
} |
||||
|
.uni-badge--primary { |
||||
|
background-color: #2979ff; |
||||
|
} |
||||
|
.uni-badge--success { |
||||
|
background-color: #18bc37; |
||||
|
} |
||||
|
.uni-badge--warning { |
||||
|
background-color: #f3a73f; |
||||
|
} |
||||
|
.uni-badge--error { |
||||
|
background-color: #e43d33; |
||||
|
} |
||||
|
.uni-badge--inverted { |
||||
|
padding: 0 5px 0 0; |
||||
|
color: #8f939c; |
||||
|
} |
||||
|
.uni-badge--info-inverted { |
||||
|
color: #8f939c; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
.uni-badge--primary-inverted { |
||||
|
color: #2979ff; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
.uni-badge--success-inverted { |
||||
|
color: #18bc37; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
.uni-badge--warning-inverted { |
||||
|
color: #f3a73f; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
.uni-badge--error-inverted { |
||||
|
color: #e43d33; |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"usingComponents": {}, |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<text data-event-opts="{{[['tap',[['_onClick',['$event']]]]]}}" class="{{(((('uni-icons')+' '+('uniui-'+type))+' '+customPrefix)+' '+(customPrefix?type:''))}}" style="{{'color:'+(color)+';'+('font-size:'+(iconSize)+';')}}" bindtap="__e"></text> |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,7 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons", |
||||
|
"uni-badge": "/uni_modules/uni-badge/components/uni-badge/uni-badge" |
||||
|
}, |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="{{(('uni-list-item')+' '+((disabled)?'uni-list-item--disabled':''))}}" hover-class="{{!clickable&&!link||disabled||showSwitch?'':'uni-list-item--hover'}}" data-event-opts="{{[['tap',[['onClick',['$event']]]]]}}" bindtap="__e"><block tt:if="{{!isFirstChild}}"><view class="{{(('border--left')+' '+((border)?'uni-list--border':''))}}"></view></block><view class="{{((('uni-list-item__container')+' '+((showArrow||link)?'container--right':''))+' '+((direction==='column')?'flex--direction':''))}}"><block tt:if="{{$slots.header}}"><slot name="header"></slot></block><block tt:else><view class="uni-list-item__header"><block tt:if="{{thumb}}"><view class="uni-list-item__icon"><image class="{{(('uni-list-item__icon-img')+' '+('uni-list--'+thumbSize))}}" src="{{thumb}}"></image></view></block><block tt:else><block tt:if="{{showExtraIcon}}"><view class="uni-list-item__icon"><uni-icons vue-id="7e105bc4-1" color="{{extraIcon.color}}" size="{{extraIcon.size}}" type="{{extraIcon.type}}" bind:__l="__l"></uni-icons></view></block></block></view></block><block tt:if="{{$slots.body}}"><slot name="body"></slot></block><block tt:else><view class="{{(('uni-list-item__content')+' '+((thumb||showExtraIcon||showBadge||showSwitch)?'uni-list-item__content--center':''))}}"><block tt:if="{{title}}"><text class="{{(('uni-list-item__content-title')+' '+(ellipsis!==0&&ellipsis<=2?'uni-ellipsis-'+ellipsis:''))}}">{{title}}</text></block><block tt:if="{{note}}"><text class="uni-list-item__content-note">{{note}}</text></block></view></block><block tt:if="{{$slots.footer}}"><slot name="footer"></slot></block><block tt:else><block tt:if="{{rightText||showBadge||showSwitch}}"><view class="{{(('uni-list-item__extra')+' '+((direction==='column')?'flex--justify':''))}}"><block tt:if="{{rightText}}"><text class="uni-list-item__extra-text">{{rightText}}</text></block><block tt:if="{{showBadge}}"><uni-badge vue-id="7e105bc4-2" type="{{badgeType}}" text="{{badgeText}}" custom-style="{{badgeStyle}}" bind:__l="__l"></uni-badge></block><block tt:if="{{showSwitch}}"><switch disabled="{{disabled}}" checked="{{switchChecked}}" data-event-opts="{{[['change',[['onSwitchChange',['$event']]]]]}}" bindchange="__e"></switch></block></view></block></block></view><block tt:if="{{showArrow||link}}"><uni-icons class="uni-icon-wrapper" vue-id="7e105bc4-3" size="{{16}}" color="#bbb" type="arrowright" bind:__l="__l"></uni-icons></block></view> |
||||
@ -0,0 +1,134 @@ |
|||||
|
@charset "UTF-8"; |
||||
|
/* 水平间距 */ |
||||
|
/* 水平间距 */ |
||||
|
.uni-list-item { |
||||
|
display: flex; |
||||
|
font-size: 16px; |
||||
|
position: relative; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
background-color: #fff; |
||||
|
flex-direction: row; |
||||
|
} |
||||
|
.uni-list-item--disabled { |
||||
|
opacity: 0.3; |
||||
|
} |
||||
|
.uni-list-item--hover { |
||||
|
background-color: #f1f1f1; |
||||
|
} |
||||
|
.uni-list-item__container { |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
padding: 12px 15px; |
||||
|
padding-left: 15px; |
||||
|
flex: 1; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.container--right { |
||||
|
padding-right: 0; |
||||
|
} |
||||
|
.uni-list--border { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.uni-list--border:after { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
height: 1px; |
||||
|
content: ''; |
||||
|
-webkit-transform: scaleY(0.5); |
||||
|
transform: scaleY(0.5); |
||||
|
background-color: #e5e5e5; |
||||
|
} |
||||
|
.uni-list-item__content { |
||||
|
display: flex; |
||||
|
padding-right: 8px; |
||||
|
flex: 1; |
||||
|
color: #3b4144; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.uni-list-item__content--center { |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.uni-list-item__content-title { |
||||
|
font-size: 14px; |
||||
|
color: #3b4144; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.uni-list-item__content-note { |
||||
|
margin-top: 6rpx; |
||||
|
color: #999; |
||||
|
font-size: 12px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.uni-list-item__extra { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: flex-end; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.uni-list-item__header { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.uni-list-item__icon { |
||||
|
margin-right: 18rpx; |
||||
|
flex-direction: row; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.uni-list-item__icon-img { |
||||
|
display: block; |
||||
|
height: 26px; |
||||
|
width: 26px; |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.uni-icon-wrapper { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding: 0 10px; |
||||
|
} |
||||
|
.flex--direction { |
||||
|
flex-direction: column; |
||||
|
align-items: initial; |
||||
|
} |
||||
|
.flex--justify { |
||||
|
justify-content: initial; |
||||
|
} |
||||
|
.uni-list--lg { |
||||
|
height: 40px; |
||||
|
width: 40px; |
||||
|
} |
||||
|
.uni-list--base { |
||||
|
height: 26px; |
||||
|
width: 26px; |
||||
|
} |
||||
|
.uni-list--sm { |
||||
|
height: 20px; |
||||
|
width: 20px; |
||||
|
} |
||||
|
.uni-list-item__extra-text { |
||||
|
color: #999; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
.uni-ellipsis-1 { |
||||
|
overflow: hidden; |
||||
|
white-space: nowrap; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.uni-ellipsis-2 { |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"usingComponents": {}, |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="uni-list uni-border-top-bottom"><block tt:if="{{border}}"><view class="uni-list--border-top"></view></block><slot></slot><block tt:if="{{border}}"><view class="uni-list--border-bottom"></view></block></view> |
||||
@ -0,0 +1,35 @@ |
|||||
|
@charset "UTF-8"; |
||||
|
/* 水平间距 */ |
||||
|
/* 水平间距 */ |
||||
|
.uni-list { |
||||
|
display: flex; |
||||
|
background-color: #ffffff; |
||||
|
position: relative; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.uni-list--border { |
||||
|
position: relative; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.uni-list--border-top { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
height: 1px; |
||||
|
-webkit-transform: scaleY(0.5); |
||||
|
transform: scaleY(0.5); |
||||
|
background-color: #e5e5e5; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.uni-list--border-bottom { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
height: 1px; |
||||
|
-webkit-transform: scaleY(0.5); |
||||
|
transform: scaleY(0.5); |
||||
|
background-color: #e5e5e5; |
||||
|
} |
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons" |
||||
|
}, |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
<view class="uni-searchbar"><view data-event-opts="{{[['tap',[['searchClick',['$event']]]]]}}" class="uni-searchbar__box" style="{{'border-radius:'+(radius+'px')+';'+('background-color:'+(bgColor)+';')}}" bindtap="__e"><view class="uni-searchbar__box-icon-search"><block tt:if="{{$slots.searchIcon}}"><slot name="searchIcon"></slot></block><block tt:else><uni-icons vue-id="2cadd100-1" color="#c0c4cc" size="18" type="search" bind:__l="__l"></uni-icons></block></view><block tt:if="{{show||searchVal}}"><input class="uni-searchbar__box-search-input" focus="{{showSync}}" placeholder="{{placeholderText}}" maxlength="{{maxlength}}" confirm-type="search" type="text" data-event-opts="{{[['confirm',[['confirm',['$event']]]],['blur',[['blur',['$event']]]],['focus',[['emitFocus',['$event']]]],['input',[['__set_model',['','searchVal','$event',[]]]]]]}}" value="{{searchVal}}" bindconfirm="__e" bindblur="__e" bindfocus="__e" bindinput="__e"/></block><block tt:else><text class="uni-searchbar__text-placeholder">{{placeholder}}</text></block><block tt:if="{{show&&(clearButton==='always'||clearButton==='auto'&&searchVal!=='')}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="uni-searchbar__box-icon-clear" bindtap="__e"><block tt:if="{{$slots.clearIcon}}"><slot name="clearIcon"></slot></block><block tt:else><uni-icons vue-id="2cadd100-2" color="#c0c4cc" size="20" type="clear" bind:__l="__l"></uni-icons></block></view></block></view><block tt:if="{{cancelButton==='always'||show&&cancelButton==='auto'}}"><text data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" class="uni-searchbar__cancel" bindtap="__e">{{cancelTextI18n}}</text></block></view> |
||||
@ -0,0 +1,51 @@ |
|||||
|
@charset "UTF-8"; |
||||
|
/* 水平间距 */ |
||||
|
/* 水平间距 */ |
||||
|
.uni-searchbar { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
position: relative; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
.uni-searchbar__box { |
||||
|
display: flex; |
||||
|
box-sizing: border-box; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
flex: 1; |
||||
|
justify-content: center; |
||||
|
flex-direction: row; |
||||
|
align-items: center; |
||||
|
height: 36px; |
||||
|
padding: 5px 8px 5px 0px; |
||||
|
} |
||||
|
.uni-searchbar__box-icon-search { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
padding: 0 8px; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
color: #B3B3B3; |
||||
|
} |
||||
|
.uni-searchbar__box-search-input { |
||||
|
flex: 1; |
||||
|
font-size: 14px; |
||||
|
color: #333; |
||||
|
} |
||||
|
.uni-searchbar__box-icon-clear { |
||||
|
align-items: center; |
||||
|
line-height: 24px; |
||||
|
padding-left: 8px; |
||||
|
} |
||||
|
.uni-searchbar__text-placeholder { |
||||
|
font-size: 14px; |
||||
|
color: #B3B3B3; |
||||
|
margin-left: 5px; |
||||
|
} |
||||
|
.uni-searchbar__cancel { |
||||
|
padding-left: 10px; |
||||
|
line-height: 36px; |
||||
|
font-size: 14px; |
||||
|
color: #333333; |
||||
|
} |
||||
|
|
||||
Loading…
Reference in new issue