提交
This commit is contained in:
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><u-popup bind:input="__e" vue-id="2de1cf22-1" mode="bottom" border-radius="16" safe-area-inset-bottom="{{true}}" closeable="{{true}}" value="{{showPop}}" data-event-opts="{{[['^input',[['__set_model',['','showPop','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="appointment-time"><view class="bold-700 lg u-p-t-24 u-p-b-24 u-text-center">选择预约时间</view><view class="block row" style="height:700rpx;"><view class="aside"><scroll-view style="height:100%;" scroll-y="true" scroll-with-animation="true"><view style="padding-bottom:200rpx;"><block wx:for="{{cateList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><view data-event-opts="{{[['tap',[['changeActive',[index]]]]]}}" class="{{['one-item sm '+(index==selectIndex?'active bg-white':'')]}}" bindtap="__e"><text class="name">{{item.name}}</text><block wx:if="{{index==selectIndex}}"><view class="active-line bg-default"></view></block></view></block></block></view></scroll-view></view><view class="main"><scroll-view style="height:100%;" scroll-y="true" scroll-with-animation="true"><view class="main-wrap u-m-t-32"><block wx:for="{{20}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="bg-white br16 row u-col-top u-m-b-24"><view>9：00 - 9：30</view></view></block></view></scroll-view></view></view></view></u-popup></view>
|
||||
@ -1,66 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.appointment-time {
|
||||
height: 800rpx;
|
||||
max-height: 800rpx;
|
||||
}
|
||||
.block {
|
||||
height: 100vh;
|
||||
}
|
||||
.aside {
|
||||
width: 180rpx;
|
||||
flex: none;
|
||||
height: 100%;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
.aside .one-item {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
height: 108rpx;
|
||||
line-height: 108rpx;
|
||||
}
|
||||
.aside .one-item.active {
|
||||
color: #254062;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.aside .one-item .active-line {
|
||||
position: absolute;
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
left: 4rpx;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.main {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
.main .main-wrap {
|
||||
position: relative;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.main .main-wrap .goods {
|
||||
padding-bottom: 200rpx;
|
||||
}
|
||||
.main .main-wrap .goods .info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"price-format": "/components/price-format/price-format",
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon",
|
||||
"loading-footer": "/components/loading-footer/loading-footer",
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-number-box": "/components/uview-ui/components/u-number-box/u-number-box",
|
||||
"shop-spec": "/components/shop-spec/shop-spec"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -1,81 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
page {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.cate {
|
||||
position: relative;
|
||||
}
|
||||
.cate-one {
|
||||
height: 100vh;
|
||||
}
|
||||
.cate-one .aside {
|
||||
width: 180rpx;
|
||||
flex: none;
|
||||
height: 100%;
|
||||
background-color: #F7F8FA;
|
||||
}
|
||||
.cate-one .aside .one-item {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
height: 108rpx;
|
||||
line-height: 108rpx;
|
||||
}
|
||||
.cate-one .aside .one-item.active {
|
||||
color: #254062;
|
||||
font-size: 26rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cate-one .aside .one-item .active-line {
|
||||
position: absolute;
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
left: 4rpx;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.cate-one .main {
|
||||
background-color: #FFFAFB;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
.cate-one .main .main-wrap {
|
||||
position: relative;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.cate-one .main .main-wrap .goods .info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
.buy {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: env(safe-area-inset-bottom);
|
||||
height: 100rpx;
|
||||
background-color: #212526;
|
||||
}
|
||||
.number {
|
||||
background-color: #FF2C3C;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"loading": "/components/loading/loading"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="loading-footer row-center" style="{{('color: '+color)}}"><block wx:if="{{status==='loading'}}"><view class="loading row"><loading class="mr20" vue-id="388e23c2-1" color="{{color}}" bind:__l="__l"></loading><text style="{{('color: '+color)}}">{{loadingText}}</text></view></block><block wx:if="{{status==='finished'}}"><view class="finished">{{finishedText}}</view></block><block wx:if="{{status==='error'}}"><view data-event-opts="{{[['tap',[['onRefresh',['$event']]]]]}}" bindtap="__e">{{errorText}}</view></block><block wx:if="{{status==='empty'}}"><view class="empty"><block wx:if="{{!slotEmpty}}"><text>暂无数据</text></block><block wx:else><slot name="empty"></slot></block></view></block></view>
|
||||
@ -1,6 +0,0 @@
|
||||
|
||||
.loading-footer {
|
||||
padding: 30rpx 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"loading": "/components/loading/loading"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['loading '+(type=='flex'?'flex':'')]}}" style="{{'background-color:'+(backgroundColor)+';'}}"><loading vue-id="c60dcf7c-1" color="{{color}}" size="{{size}}" bind:__l="__l"></loading></view>
|
||||
@ -1,18 +0,0 @@
|
||||
|
||||
.loading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.loading.flex {
|
||||
position: static;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['loading '+(vertical?'loading--vertical':'')]}}"><view class="{{['loading__spinner loading__spinner--'+type]}}" style="{{'color:'+(color)+';'+('width:'+(size+'rpx')+';')+('height:'+(size+'rpx')+';')}}"><block wx:for="{{array12}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{type==='spinner'}}"><view class="loading__dot"></view></block></block></view><view class="loading__text" style="{{'font-size:'+(textSize+'rpx')+';'+('color:'+(color)+';')}}"><slot></slot></view></view>
|
||||
@ -1,142 +0,0 @@
|
||||
|
||||
:host {
|
||||
font-size: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
.loading {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #c8c9cc;
|
||||
}
|
||||
.loading__spinner {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 45rpx;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
height: 45rpx;
|
||||
-webkit-animation: rotate .8s linear infinite;
|
||||
animation: rotate .8s linear infinite;
|
||||
}
|
||||
.loading__spinner--spinner {
|
||||
-webkit-animation-timing-function: steps(12);
|
||||
animation-timing-function: steps(12);
|
||||
}
|
||||
.loading__spinner--circular {
|
||||
border: 2rpx solid transparent;
|
||||
border-top-color: initial;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.loading__text {
|
||||
margin-left: 16rpx;
|
||||
color: #969799;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.loading__text:empty {
|
||||
display: none;
|
||||
}
|
||||
.loading--vertical {
|
||||
flex-direction: column;
|
||||
}
|
||||
.loading--vertical .loading__text {
|
||||
margin: 16rpx 0 0;
|
||||
}
|
||||
.loading__dot {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.loading__dot:before {
|
||||
display: block;
|
||||
width: 4rpx;
|
||||
height: 25%;
|
||||
margin: 0 auto;
|
||||
background-color: currentColor;
|
||||
border-radius: 40%;
|
||||
content: " ";
|
||||
}
|
||||
.loading__dot:first-of-type {
|
||||
-webkit-transform: rotate(30deg);
|
||||
transform: rotate(30deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.loading__dot:nth-of-type(2) {
|
||||
-webkit-transform: rotate(60deg);
|
||||
transform: rotate(60deg);
|
||||
opacity: .9375;
|
||||
}
|
||||
.loading__dot:nth-of-type(3) {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
opacity: .875;
|
||||
}
|
||||
.loading__dot:nth-of-type(4) {
|
||||
-webkit-transform: rotate(120deg);
|
||||
transform: rotate(120deg);
|
||||
opacity: .8125;
|
||||
}
|
||||
.loading__dot:nth-of-type(5) {
|
||||
-webkit-transform: rotate(150deg);
|
||||
transform: rotate(150deg);
|
||||
opacity: .75;
|
||||
}
|
||||
.loading__dot:nth-of-type(6) {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
opacity: .6875;
|
||||
}
|
||||
.loading__dot:nth-of-type(7) {
|
||||
-webkit-transform: rotate(210deg);
|
||||
transform: rotate(210deg);
|
||||
opacity: .625;
|
||||
}
|
||||
.loading__dot:nth-of-type(8) {
|
||||
-webkit-transform: rotate(240deg);
|
||||
transform: rotate(240deg);
|
||||
opacity: .5625;
|
||||
}
|
||||
.loading__dot:nth-of-type(9) {
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
opacity: .5;
|
||||
}
|
||||
.loading__dot:nth-of-type(10) {
|
||||
-webkit-transform: rotate(300deg);
|
||||
transform: rotate(300deg);
|
||||
opacity: .4375;
|
||||
}
|
||||
.loading__dot:nth-of-type(11) {
|
||||
-webkit-transform: rotate(330deg);
|
||||
transform: rotate(330deg);
|
||||
opacity: .375;
|
||||
}
|
||||
.loading__dot:nth-of-type(12) {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
opacity: .3125;
|
||||
}
|
||||
@-webkit-keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['mescroll-empty',(option.fixed)?'empty-fixed':'']}}" style="{{'z-index:'+(option.zIndex)+';'+('top:'+(option.top)+';')}}"><view><block wx:if="{{icon}}"><image class="empty-icon" src="{{icon}}" mode="widthFix"></image></block></view><block wx:if="{{tip}}"><view class="empty-tip">{{tip}}</view></block><block wx:if="{{option.btnText}}"><view data-event-opts="{{[['tap',[['emptyClick',['$event']]]]]}}" class="empty-btn" bindtap="__e">{{option.btnText}}</view></block></view>
|
||||
@ -1,85 +0,0 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 无任何数据的空布局 */
|
||||
.mescroll-empty {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 100rpx 50rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.mescroll-empty.empty-fixed {
|
||||
z-index: 99;
|
||||
position: absolute; /*transform会使fixed失效,最终会降级为absolute */
|
||||
top: 100rpx;
|
||||
left: 0;
|
||||
}
|
||||
.mescroll-empty .empty-icon {
|
||||
width: 280rpx;
|
||||
height: 280rpx;
|
||||
}
|
||||
.mescroll-empty .empty-tip {
|
||||
margin-top: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
}
|
||||
.mescroll-empty .empty-btn {
|
||||
display: inline-block;
|
||||
margin-top: 40rpx;
|
||||
min-width: 200rpx;
|
||||
padding: 18rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1rpx solid #e04b28;
|
||||
border-radius: 60rpx;
|
||||
color: #e04b28;
|
||||
}
|
||||
.mescroll-empty .empty-btn:active {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<block wx:if="{{mOption.src}}"><image class="{{['mescroll-totop',value?'mescroll-totop-in':'mescroll-totop-out',[(mOption.safearea)?'mescroll-totop-safearea':'']]}}" style="{{'z-index:'+(mOption.zIndex)+';'+('left:'+(left)+';')+('right:'+(right)+';')+('bottom:'+($root.m0)+';')+('width:'+($root.m1)+';')+('border-radius:'+($root.m2)+';')}}" src="{{mOption.src}}" mode="widthFix" data-event-opts="{{[['tap',[['toTopClick',['$event']]]]]}}" bindtap="__e"></image></block>
|
||||
@ -1,80 +0,0 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 回到顶部的按钮 */
|
||||
.mescroll-totop {
|
||||
z-index: 9990;
|
||||
position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
|
||||
right: 20rpx;
|
||||
bottom: 120rpx;
|
||||
width: 72rpx;
|
||||
height: auto;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s; /* 过渡 */
|
||||
margin-bottom: 0px; /* css变量 */
|
||||
}
|
||||
/* 适配 iPhoneX */
|
||||
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
|
||||
.mescroll-totop-safearea {
|
||||
margin-bottom: calc(0px + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
|
||||
margin-bottom: calc(0px + env(safe-area-inset-bottom));
|
||||
}
|
||||
}
|
||||
/* 显示 -- 淡入 */
|
||||
.mescroll-totop-in {
|
||||
opacity: 1;
|
||||
}
|
||||
/* 隐藏 -- 淡出且不接收事件*/
|
||||
.mescroll-totop-out {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"mescroll-empty": "/components/mescroll-uni/components/mescroll-empty",
|
||||
"mescroll-top": "/components/mescroll-uni/components/mescroll-top"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1,2 +0,0 @@
|
||||
<wxs src="./wxs/wxs.wxs" module="wxsBiz"></wxs>
|
||||
<view class="{{['mescroll-body','mescroll-render-touch',(sticky)?'mescorll-sticky':'']}}" style="{{'min-height:'+(minHeight)+';'+('padding-top:'+(padTop)+';')+('padding-bottom:'+(padBottom)+';')}}" change:prop="{{wxsBiz.propObserver}}" prop="{{wxsProp}}" bindtouchstart="{{wxsBiz.touchstartEvent}}" bindtouchmove="{{wxsBiz.touchmoveEvent}}" bindtouchend="{{wxsBiz.touchendEvent}}" bindtouchcancel="{{wxsBiz.touchendEvent}}"><block wx:if="{{topbar&&statusBarHeight}}"><view class="mescroll-topbar" style="{{'height:'+(statusBarHeight+'px')+';'+('background:'+(topbar)+';')}}"></view></block><view class="mescroll-body-content mescroll-wxs-content" style="{{'transform:'+(translateY)+';'+('transition:'+(transition)+';')}}" change:prop="{{wxsBiz.callObserver}}" prop="{{callProp}}"><block wx:if="{{mescroll.optDown.use}}"><view class="mescroll-downwarp" style="{{'background:'+(mescroll.optDown.bgColor)+';'+('color:'+(mescroll.optDown.textColor)+';')}}"><view class="downwarp-content"><view class="{{['downwarp-progress','mescroll-wxs-progress',(isDownLoading)?'mescroll-rotate':'']}}" style="{{'border-color:'+(mescroll.optDown.textColor)+';'+('transform:'+(downRotate)+';')}}"></view><view class="downwarp-tip">{{downText}}</view></view></view></block><slot></slot><block wx:if="{{isShowEmpty}}"><mescroll-empty vue-id="440ed908-1" option="{{mescroll.optUp.empty}}" data-event-opts="{{[['^emptyclick',[['emptyClick']]]]}}" bind:emptyclick="__e" bind:__l="__l"></mescroll-empty></block><block wx:if="{{mescroll.optUp.use&&!isDownLoading&&upLoadType!==3}}"><view class="mescroll-upwarp" style="{{'background:'+(mescroll.optUp.bgColor)+';'+('color:'+(mescroll.optUp.textColor)+';')}}"><view hidden="{{!(upLoadType===1)}}"><view class="upwarp-progress mescroll-rotate" style="{{'border-color:'+(mescroll.optUp.textColor)+';'}}"></view><view class="upwarp-tip">{{mescroll.optUp.textLoading}}</view></view><block wx:if="{{upLoadType===2}}"><view class="upwarp-nodata">{{mescroll.optUp.textNoMore}}</view></block></view></block></view><block wx:if="{{safearea}}"><view class="mescroll-safearea"></view></block><mescroll-top vue-id="440ed908-2" option="{{mescroll.optUp.toTop}}" value="{{isShowToTop}}" data-event-opts="{{[['^click',[['toTopClick']]],['^input',[['__set_model',['','isShowToTop','$event',[]]]]]]}}" bind:click="__e" bind:input="__e" bind:__l="__l"></mescroll-top><view change:prop="{{renderBiz.propObserver}}" prop="{{wxsProp}}"></view></view>
|
||||
@ -1,145 +0,0 @@
|
||||
.mescroll-body {
|
||||
position: relative; /* 下拉刷新区域相对自身定位 */
|
||||
height: auto; /* 不可固定高度,否则overflow:hidden导致无法滑动; 同时使设置的最小高生效,实现列表不满屏仍可下拉*/
|
||||
overflow: hidden; /* 当有元素写在mescroll-body标签前面时,可遮住下拉刷新区域 */
|
||||
box-sizing: border-box; /* 避免设置padding出现双滚动条的问题 */
|
||||
}
|
||||
|
||||
/* 使sticky生效: 父元素不能overflow:hidden或者overflow:auto属性 */
|
||||
.mescroll-body.mescorll-sticky{
|
||||
overflow: unset !important
|
||||
}
|
||||
|
||||
/* 适配 iPhoneX */
|
||||
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
|
||||
.mescroll-safearea {
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
}
|
||||
|
||||
/* 下拉刷新区域 */
|
||||
.mescroll-downwarp {
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 下拉刷新--内容区,定位于区域底部 */
|
||||
.mescroll-downwarp .downwarp-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 60rpx;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 下拉刷新--提示文本 */
|
||||
.mescroll-downwarp .downwarp-tip {
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
vertical-align: middle;
|
||||
margin-left: 16rpx;
|
||||
/* color: gray; 已在style设置color,此处删去*/
|
||||
}
|
||||
|
||||
/* 下拉刷新--旋转进度条 */
|
||||
.mescroll-downwarp .downwarp-progress {
|
||||
display: inline-block;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid gray;
|
||||
border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 旋转动画 */
|
||||
.mescroll-downwarp .mescroll-rotate {
|
||||
-webkit-animation: mescrollDownRotate 0.6s linear infinite;
|
||||
animation: mescrollDownRotate 0.6s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes mescrollDownRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes mescrollDownRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 上拉加载区域 */
|
||||
.mescroll-upwarp {
|
||||
box-sizing: border-box;
|
||||
min-height: 110rpx;
|
||||
padding: 30rpx 0;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*提示文本 */
|
||||
.mescroll-upwarp .upwarp-tip,
|
||||
.mescroll-upwarp .upwarp-nodata {
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
vertical-align: middle;
|
||||
/* color: gray; 已在style设置color,此处删去*/
|
||||
}
|
||||
.mescroll-upwarp .upwarp-tip {
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
/*旋转进度条 */
|
||||
.mescroll-upwarp .upwarp-progress {
|
||||
display: inline-block;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid gray;
|
||||
border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 旋转动画 */
|
||||
.mescroll-upwarp .mescroll-rotate {
|
||||
-webkit-animation: mescrollUpRotate 0.6s linear infinite;
|
||||
animation: mescrollUpRotate 0.6s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes mescrollUpRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes mescrollUpRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"mescroll-empty": "/components/mescroll-uni/components/mescroll-empty",
|
||||
"mescroll-top": "/components/mescroll-uni/components/mescroll-top"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1,2 +0,0 @@
|
||||
<wxs src="./wxs/wxs.wxs" module="wxsBiz"></wxs>
|
||||
<view class="mescroll-uni-warp"><scroll-view class="{{['mescroll-uni',(isFixed)?'mescroll-uni-fixed':'']}}" style="{{'height:'+(scrollHeight)+';'+('padding-top:'+(padTop)+';')+('padding-bottom:'+(padBottom)+';')+('top:'+(fixedTop)+';')+('bottom:'+(fixedBottom)+';')}}" id="{{viewId}}" scroll-top="{{scrollTop}}" scroll-with-animation="{{scrollAnim}}" scroll-y="{{scrollable}}" enable-back-to-top="{{true}}" throttle="{{false}}" data-event-opts="{{[['scroll',[['scroll',['$event']]]]]}}" bindscroll="__e"><view class="mescroll-uni-content mescroll-render-touch" change:prop="{{wxsBiz.propObserver}}" prop="{{wxsProp}}" bindtouchstart="{{wxsBiz.touchstartEvent}}" bindtouchmove="{{wxsBiz.touchmoveEvent}}" bindtouchend="{{wxsBiz.touchendEvent}}" bindtouchcancel="{{wxsBiz.touchendEvent}}"><block wx:if="{{topbar&&statusBarHeight}}"><view class="mescroll-topbar" style="{{'height:'+(statusBarHeight+'px')+';'+('background:'+(topbar)+';')}}"></view></block><view class="mescroll-wxs-content" style="{{'transform:'+(translateY)+';'+('transition:'+(transition)+';')}}" change:prop="{{wxsBiz.callObserver}}" prop="{{callProp}}"><block wx:if="{{mescroll.optDown.use}}"><view class="mescroll-downwarp" style="{{'background:'+(mescroll.optDown.bgColor)+';'+('color:'+(mescroll.optDown.textColor)+';')}}"><view class="downwarp-content"><view class="{{['downwarp-progress','mescroll-wxs-progress',(isDownLoading)?'mescroll-rotate':'']}}" style="{{'border-color:'+(mescroll.optDown.textColor)+';'+('transform:'+(downRotate)+';')}}"></view><view class="downwarp-tip">{{downText}}</view></view></view></block><slot></slot><block wx:if="{{isShowEmpty}}"><mescroll-empty vue-id="55fe4702-1" option="{{mescroll.optUp.empty}}" data-event-opts="{{[['^emptyclick',[['emptyClick']]]]}}" bind:emptyclick="__e" bind:__l="__l"></mescroll-empty></block><block wx:if="{{mescroll.optUp.use&&!isDownLoading&&upLoadType!==3}}"><view class="mescroll-upwarp" style="{{'background:'+(mescroll.optUp.bgColor)+';'+('color:'+(mescroll.optUp.textColor)+';')}}"><view hidden="{{!(upLoadType===1)}}"><view class="upwarp-progress mescroll-rotate" style="{{'border-color:'+(mescroll.optUp.textColor)+';'}}"></view><view class="upwarp-tip">{{mescroll.optUp.textLoading}}</view></view><block wx:if="{{upLoadType===2}}"><view class="upwarp-nodata">{{mescroll.optUp.textNoMore}}</view></block></view></block></view><block wx:if="{{safearea}}"><view class="mescroll-safearea"></view></block></view></scroll-view><mescroll-top vue-id="55fe4702-2" option="{{mescroll.optUp.toTop}}" value="{{isShowToTop}}" data-event-opts="{{[['^click',[['toTopClick']]],['^input',[['__set_model',['','isShowToTop','$event',[]]]]]]}}" bind:click="__e" bind:input="__e" bind:__l="__l"></mescroll-top><view change:prop="{{renderBiz.propObserver}}" prop="{{wxsProp}}"></view></view>
|
||||
@ -1,160 +0,0 @@
|
||||
.mescroll-uni-warp{
|
||||
height: 100%;
|
||||
}
|
||||
.mescroll-uni-content{
|
||||
height: 100%;
|
||||
}
|
||||
.mescroll-uni {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 200rpx;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box; /* 避免设置padding出现双滚动条的问题 */
|
||||
}
|
||||
|
||||
/* 定位的方式固定高度 */
|
||||
.mescroll-uni-fixed{
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: auto; /* 使right生效 */
|
||||
height: auto; /* 使bottom生效 */
|
||||
}
|
||||
|
||||
/* 适配 iPhoneX */
|
||||
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
|
||||
.mescroll-safearea {
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
}
|
||||
|
||||
/* 下拉刷新区域 */
|
||||
.mescroll-downwarp {
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 下拉刷新--内容区,定位于区域底部 */
|
||||
.mescroll-downwarp .downwarp-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 60rpx;
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 下拉刷新--提示文本 */
|
||||
.mescroll-downwarp .downwarp-tip {
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
vertical-align: middle;
|
||||
margin-left: 16rpx;
|
||||
/* color: gray; 已在style设置color,此处删去*/
|
||||
}
|
||||
|
||||
/* 下拉刷新--旋转进度条 */
|
||||
.mescroll-downwarp .downwarp-progress {
|
||||
display: inline-block;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid gray;
|
||||
border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 旋转动画 */
|
||||
.mescroll-downwarp .mescroll-rotate {
|
||||
-webkit-animation: mescrollDownRotate 0.6s linear infinite;
|
||||
animation: mescrollDownRotate 0.6s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes mescrollDownRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes mescrollDownRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 上拉加载区域 */
|
||||
.mescroll-upwarp {
|
||||
box-sizing: border-box;
|
||||
min-height: 110rpx;
|
||||
padding: 30rpx 0;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*提示文本 */
|
||||
.mescroll-upwarp .upwarp-tip,
|
||||
.mescroll-upwarp .upwarp-nodata {
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
vertical-align: middle;
|
||||
/* color: gray; 已在style设置color,此处删去*/
|
||||
}
|
||||
.mescroll-upwarp .upwarp-tip {
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
/*旋转进度条 */
|
||||
.mescroll-upwarp .upwarp-progress {
|
||||
display: inline-block;
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid gray;
|
||||
border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* 旋转动画 */
|
||||
.mescroll-upwarp .mescroll-rotate {
|
||||
-webkit-animation: mescrollUpRotate 0.6s linear infinite;
|
||||
animation: mescrollUpRotate 0.6s linear infinite;
|
||||
}
|
||||
@-webkit-keyframes mescrollUpRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes mescrollUpRotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,271 +0,0 @@
|
||||
// 使用wxs处理交互动画, 提高性能, 同时避免小程序bounce对下拉刷新的影响
|
||||
// https://uniapp.dcloud.io/frame?id=wxs
|
||||
// https://developers.weixin.qq.com/miniprogram/dev/framework/view/interactive-animation.html
|
||||
|
||||
// 模拟mescroll实例, 与mescroll.js的写法尽量保持一致
|
||||
var me = {}
|
||||
|
||||
// ------ 自定义下拉刷新动画 start ------
|
||||
|
||||
/* 下拉过程中的回调,滑动过程一直在执行 (rate<1为inOffset; rate>1为outOffset) */
|
||||
me.onMoving = function (ins, rate, downHight){
|
||||
ins.requestAnimationFrame(function () {
|
||||
ins.selectComponent('.mescroll-wxs-content').setStyle({
|
||||
'will-change': 'transform', // 可解决下拉过程中, image和swiper脱离文档流的问题
|
||||
'transform': 'translateY(' + downHight + 'px)',
|
||||
'transition': ''
|
||||
})
|
||||
// 环形进度条
|
||||
var progress = ins.selectComponent('.mescroll-wxs-progress')
|
||||
progress && progress.setStyle({transform: 'rotate(' + 360 * rate + 'deg)'})
|
||||
})
|
||||
}
|
||||
|
||||
/* 显示下拉刷新进度 */
|
||||
me.showLoading = function (ins){
|
||||
me.downHight = me.optDown.offset
|
||||
ins.requestAnimationFrame(function () {
|
||||
ins.selectComponent('.mescroll-wxs-content').setStyle({
|
||||
'will-change': 'auto',
|
||||
'transform': 'translateY(' + me.downHight + 'px)',
|
||||
'transition': 'transform 300ms'
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/* 结束下拉 */
|
||||
me.endDownScroll = function (ins){
|
||||
me.downHight = 0;
|
||||
me.isDownScrolling = false;
|
||||
ins.requestAnimationFrame(function () {
|
||||
ins.selectComponent('.mescroll-wxs-content').setStyle({
|
||||
'will-change': 'auto',
|
||||
'transform': 'translateY(0)', // 不可以写空串,否则scroll-view渲染不完整 (延时350ms会调clearTransform置空)
|
||||
'transition': 'transform 300ms'
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/* 结束下拉动画执行完毕后, 清除transform和transition, 避免对列表内容样式造成影响, 如: h5的list-msg示例下拉进度条漏出来等 */
|
||||
me.clearTransform = function (ins){
|
||||
ins.requestAnimationFrame(function () {
|
||||
ins.selectComponent('.mescroll-wxs-content').setStyle({
|
||||
'will-change': '',
|
||||
'transform': '',
|
||||
'transition': ''
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
// ------ 自定义下拉刷新动画 end ------
|
||||
|
||||
/**
|
||||
* 监听逻辑层数据的变化 (实时更新数据)
|
||||
*/
|
||||
function propObserver(wxsProp) {
|
||||
if (wxsProp) {
|
||||
me.optDown = wxsProp.optDown
|
||||
me.scrollTop = wxsProp.scrollTop
|
||||
me.bodyHeight = wxsProp.bodyHeight
|
||||
me.isDownScrolling = wxsProp.isDownScrolling
|
||||
me.isUpScrolling = wxsProp.isUpScrolling
|
||||
me.isUpBoth = wxsProp.isUpBoth
|
||||
me.isScrollBody = wxsProp.isScrollBody
|
||||
me.startTop = wxsProp.scrollTop // 及时更新touchstart触发的startTop, 避免scroll-view快速惯性滚动到顶部取值不准确
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 监听逻辑层数据的变化 (调用wxs的方法)
|
||||
*/
|
||||
function callObserver(callProp, oldValue, ins) {
|
||||
if(!callProp) return;
|
||||
if (me.disabled()) return;
|
||||
if(callProp.callType){
|
||||
// 逻辑层（App Service）的style已失效,需在视图层（Webview）设置style
|
||||
if(callProp.callType === 'showLoading'){
|
||||
me.showLoading(ins)
|
||||
}else if(callProp.callType === 'endDownScroll'){
|
||||
me.endDownScroll(ins)
|
||||
}else if(callProp.callType === 'clearTransform'){
|
||||
me.clearTransform(ins)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* touch事件
|
||||
*/
|
||||
function touchstartEvent(e, ins) {
|
||||
me.downHight = 0; // 下拉的距离
|
||||
me.startPoint = me.getPoint(e); // 记录起点
|
||||
me.startTop = me.getScrollTop(); // 记录此时的滚动条位置
|
||||
me.startAngle = 0; // 初始角度
|
||||
me.lastPoint = me.startPoint; // 重置上次move的点
|
||||
me.maxTouchmoveY = me.getBodyHeight() - me.optDown.bottomOffset; // 手指触摸的最大范围(写在touchstart避免body获取高度为0的情况)
|
||||
me.inTouchend = false; // 标记不是touchend
|
||||
|
||||
me.callMethod(ins, {type: 'setWxsProp'}) // 同步更新wxsProp的数据 (小程序是异步的,可能touchmove先执行,才到propObserver; h5和app是同步)
|
||||
}
|
||||
|
||||
function touchmoveEvent(e, ins) {
|
||||
var isPrevent = true // false表示不往上冒泡，相当于调用了同时调用了stopPropagation和preventDefault (对小程序生效, h5和app无效)
|
||||
|
||||
if (me.disabled()) return isPrevent;
|
||||
|
||||
var scrollTop = me.getScrollTop(); // 当前滚动条的距离
|
||||
var curPoint = me.getPoint(e); // 当前点
|
||||
|
||||
var moveY = curPoint.y - me.startPoint.y; // 和起点比,移动的距离,大于0向下拉,小于0向上拉
|
||||
|
||||
// 向下拉 && 在顶部
|
||||
// mescroll-body,直接判定在顶部即可
|
||||
// scroll-view在滚动时不会触发touchmove,当触顶/底/左/右时,才会触发touchmove
|
||||
// scroll-view滚动到顶部时,scrollTop不一定为0,也有可能大于0; 在iOS的APP中scrollTop可能为负数,不一定和startTop相等
|
||||
if (moveY > 0 && (
|
||||
(me.isScrollBody && scrollTop <= 0)
|
||||
||
|
||||
(!me.isScrollBody && (scrollTop <= 0 || (scrollTop <= me.optDown.startTop && scrollTop === me.startTop)) )
|
||||
)) {
|
||||
// 可下拉的条件
|
||||
if (!me.inTouchend && !me.isDownScrolling && !me.optDown.isLock && (!me.isUpScrolling || (me.isUpScrolling &&
|
||||
me.isUpBoth))) {
|
||||
|
||||
// 下拉的角度是否在配置的范围内
|
||||
if(!me.startAngle) me.startAngle = me.getAngle(me.lastPoint, curPoint); // 两点之间的角度,区间 [0,90]
|
||||
if (me.startAngle < me.optDown.minAngle) return isPrevent; // 如果小于配置的角度,则不往下执行下拉刷新
|
||||
|
||||
// 如果手指的位置超过配置的距离,则提前结束下拉,避免Webview嵌套导致touchend无法触发
|
||||
if (me.maxTouchmoveY > 0 && curPoint.y >= me.maxTouchmoveY) {
|
||||
me.inTouchend = true; // 标记执行touchend
|
||||
touchendEvent(e, ins); // 提前触发touchend
|
||||
return isPrevent;
|
||||
}
|
||||
|
||||
isPrevent = false // 小程序是return false
|
||||
|
||||
var diff = curPoint.y - me.lastPoint.y; // 和上次比,移动的距离 (大于0向下,小于0向上)
|
||||
|
||||
// 下拉距离 < 指定距离
|
||||
if (me.downHight < me.optDown.offset) {
|
||||
if (me.movetype !== 1) {
|
||||
me.movetype = 1; // 加入标记,保证只执行一次
|
||||
// me.optDown.inOffset && me.optDown.inOffset(me); // 进入指定距离范围内那一刻的回调,只执行一次
|
||||
me.callMethod(ins, {type: 'setLoadType', downLoadType: 1})
|
||||
me.isMoveDown = true; // 标记下拉区域高度改变,在touchend重置回来
|
||||
}
|
||||
me.downHight += diff * me.optDown.inOffsetRate; // 越往下,高度变化越小
|
||||
|
||||
// 指定距离 <= 下拉距离
|
||||
} else {
|
||||
if (me.movetype !== 2) {
|
||||
me.movetype = 2; // 加入标记,保证只执行一次
|
||||
// me.optDown.outOffset && me.optDown.outOffset(me); // 下拉超过指定距离那一刻的回调,只执行一次
|
||||
me.callMethod(ins, {type: 'setLoadType', downLoadType: 2})
|
||||
me.isMoveDown = true; // 标记下拉区域高度改变,在touchend重置回来
|
||||
}
|
||||
if (diff > 0) { // 向下拉
|
||||
me.downHight += diff * me.optDown.outOffsetRate; // 越往下,高度变化越小
|
||||
} else { // 向上收
|
||||
me.downHight += diff; // 向上收回高度,则向上滑多少收多少高度
|
||||
}
|
||||
}
|
||||
|
||||
me.downHight = Math.round(me.downHight) // 取整
|
||||
var rate = me.downHight / me.optDown.offset; // 下拉区域当前高度与指定距离的比值
|
||||
// me.optDown.onMoving && me.optDown.onMoving(me, rate, me.downHight); // 下拉过程中的回调,一直在执行
|
||||
me.onMoving(ins, rate, me.downHight)
|
||||
}
|
||||
}
|
||||
|
||||
me.lastPoint = curPoint; // 记录本次移动的点
|
||||
|
||||
return isPrevent // false表示不往上冒泡，相当于调用了同时调用了stopPropagation和preventDefault (对小程序生效, h5和app无效)
|
||||
}
|
||||
|
||||
function touchendEvent(e, ins) {
|
||||
// 如果下拉区域高度已改变,则需重置回来
|
||||
if (me.isMoveDown) {
|
||||
if (me.downHight >= me.optDown.offset) {
|
||||
// 符合触发刷新的条件
|
||||
me.downHight = me.optDown.offset; // 更新下拉区域高度
|
||||
// me.triggerDownScroll();
|
||||
me.callMethod(ins, {type: 'triggerDownScroll'})
|
||||
} else {
|
||||
// 不符合的话 则重置
|
||||
me.downHight = 0;
|
||||
// me.optDown.endDownScroll && me.optDown.endDownScroll(me);
|
||||
me.callMethod(ins, {type: 'endDownScroll'})
|
||||
}
|
||||
me.movetype = 0;
|
||||
me.isMoveDown = false;
|
||||
} else if (!me.isScrollBody && me.getScrollTop() === me.startTop) { // scroll-view到顶/左/右/底的滑动事件
|
||||
var isScrollUp = me.getPoint(e).y - me.startPoint.y < 0; // 和起点比,移动的距离,大于0向下拉,小于0向上拉
|
||||
// 上滑
|
||||
if (isScrollUp) {
|
||||
// 需检查滑动的角度
|
||||
var angle = me.getAngle(me.getPoint(e), me.startPoint); // 两点之间的角度,区间 [0,90]
|
||||
if (angle > 80) {
|
||||
// 检查并触发上拉
|
||||
// me.triggerUpScroll(true);
|
||||
me.callMethod(ins, {type: 'triggerUpScroll'})
|
||||
}
|
||||
}
|
||||
}
|
||||
me.callMethod(ins, {type: 'setWxsProp'}) // 同步更新wxsProp的数据 (小程序是异步的,可能touchmove先执行,才到propObserver; h5和app是同步)
|
||||
}
|
||||
|
||||
/* 是否禁用下拉刷新 */
|
||||
me.disabled = function(){
|
||||
return !me.optDown || !me.optDown.use || me.optDown.native
|
||||
}
|
||||
|
||||
/* 根据点击滑动事件获取第一个手指的坐标 */
|
||||
me.getPoint = function(e) {
|
||||
if (!e) {
|
||||
return {x: 0,y: 0}
|
||||
}
|
||||
if (e.touches && e.touches[0]) {
|
||||
return {x: e.touches[0].pageX,y: e.touches[0].pageY}
|
||||
} else if (e.changedTouches && e.changedTouches[0]) {
|
||||
return {x: e.changedTouches[0].pageX,y: e.changedTouches[0].pageY}
|
||||
} else {
|
||||
return {x: e.clientX,y: e.clientY}
|
||||
}
|
||||
}
|
||||
|
||||
/* 计算两点之间的角度: 区间 [0,90]*/
|
||||
me.getAngle = function (p1, p2) {
|
||||
var x = Math.abs(p1.x - p2.x);
|
||||
var y = Math.abs(p1.y - p2.y);
|
||||
var z = Math.sqrt(x * x + y * y);
|
||||
var angle = 0;
|
||||
if (z !== 0) {
|
||||
angle = Math.asin(y / z) / Math.PI * 180;
|
||||
}
|
||||
return angle
|
||||
}
|
||||
|
||||
/* 获取滚动条的位置 */
|
||||
me.getScrollTop = function() {
|
||||
return me.scrollTop || 0
|
||||
}
|
||||
|
||||
/* 获取body的高度 */
|
||||
me.getBodyHeight = function() {
|
||||
return me.bodyHeight || 0;
|
||||
}
|
||||
|
||||
/* 调用逻辑层的方法 */
|
||||
me.callMethod = function(ins, param) {
|
||||
if(ins) ins.callMethod('wxsCall', param)
|
||||
}
|
||||
|
||||
/* 导出模块 */
|
||||
module.exports = {
|
||||
propObserver: propObserver,
|
||||
callObserver: callObserver,
|
||||
touchstartEvent: touchstartEvent,
|
||||
touchmoveEvent: touchmoveEvent,
|
||||
touchendEvent: touchendEvent
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><u-popup bind:input="__e" vue-id="931b417c-1" mode="bottom" border-radius="16" safe-area-inset-bottom="{{true}}" value="{{showPop}}" data-event-opts="{{[['^input',[['__set_model',['','showPop','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup-content"><view class="u-font-xl bold-600">获取您的手机号码</view><view class="popup-form"><form data-event-opts="{{[['submit',[['handleSubmit',['$event']]]]]}}" bindsubmit="__e"><view class="u-flex u-row-between avatar u-m-t-80"><text>手机号码</text><view class="u-flex u-row-between flex1 u-m-l-30"><button class="u-flex u-row-between w-full" style="border:none;" hover-class="none" open-type="getPhoneNumber" data-event-opts="{{[['getphonenumber',[['onGetPhoneNumber',['$event']]]]]}}" bindgetphonenumber="__e"><block wx:if="{{mobile}}"><view>{{mobile}}</view></block><block wx:else><view>点击授手机号</view></block><u-icon vue-id="{{('931b417c-2')+','+('931b417c-1')}}" name="arrow-right" color="#9F9EA4" size="32" bind:__l="__l"></u-icon></button></view></view><button class="submit-btn bg-primary" form-type="submit">确定</button><block wx:if="{{hideCancleBtn}}"><view data-event-opts="{{[['tap',[['onClose',['$event']]]]]}}" class="text-default u-text-center close-btn" bindtap="__e">暂不登录</view></block></form></view></view></u-popup></view>
|
||||
@ -1,32 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.popup-content {
|
||||
padding: 40rpx 40rpx 60rpx;
|
||||
}
|
||||
.popup-content .submit-btn {
|
||||
margin-top: 80rpx;
|
||||
background-color: #254062;
|
||||
padding: 6rpx 0;
|
||||
border-radius: 100rpx;
|
||||
color: #fff;
|
||||
}
|
||||
.popup-content .close-btn {
|
||||
margin-top: 20rpx;
|
||||
border: 1px solid #254062;
|
||||
padding: 20rpx 0;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
|
||||
@ -203,6 +203,10 @@ var _default = {
|
||||
value: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
},
|
||||
token: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
@ -223,7 +227,7 @@ var _default = {
|
||||
title: "正在上传中...",
|
||||
mask: true
|
||||
});
|
||||
(0, _tools.uploadFile)(avatarUrl).then(function (res) {
|
||||
(0, _tools.uploadFile)(avatarUrl, this.token).then(function (res) {
|
||||
uni.hideLoading();
|
||||
_this.avatar = res.url;
|
||||
}).catch(function () {
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><u-popup bind:input="__e" vue-id="1b6957f4-1" mode="bottom" border-radius="16" safe-area-inset-bottom="{{true}}" maskCloseAble="{{false}}" value="{{showPop}}" data-event-opts="{{[['^input',[['__set_model',['','showPop','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup-content"><view class="u-font-xl bold-600">获取您的昵称和头像</view><view class="popup-form"><form data-event-opts="{{[['submit',[['handleSubmit',['$event']]]]]}}" bindsubmit="__e"><view class="u-flex u-row-between avatar u-m-t-80"><text>头像</text><view class="u-flex u-row-between flex1 u-m-l-30"><button class="u-flex u-row-between w-full" style="border:none;" hover-class="none" open-type="chooseAvatar" data-event-opts="{{[['chooseavatar',[['onChooseAvatar',['$event']]]]]}}" bindchooseavatar="__e"><block wx:if="{{avatar}}"><u-image vue-id="{{('1b6957f4-2')+','+('1b6957f4-1')}}" src="{{avatar}}" width="100rpx" height="100rpx" shape="circle" bind:__l="__l"></u-image></block><block wx:else><view>点击授权头像</view></block><u-icon vue-id="{{('1b6957f4-3')+','+('1b6957f4-1')}}" name="arrow-right" color="#9F9EA4" size="32" bind:__l="__l"></u-icon></button></view></view><view class="u-flex u-row-between avatar u-m-t-60"><text>昵称</text><view class="u-flex u-row-between flex1 u-m-l-30"><input name="nickname" type="nickname" placeholder="请输入昵称" placeholder-style="color: #000;" value="{{nickname}}"/><u-icon vue-id="{{('1b6957f4-4')+','+('1b6957f4-1')}}" name="arrow-right" color="#9F9EA4" size="32" bind:__l="__l"></u-icon></view></view><button class="submit-btn bg-primary" form-type="submit">确定</button><view data-event-opts="{{[['tap',[['onClose',['$event']]]]]}}" class="text-default u-text-center close-btn" bindtap="__e">暂不登录</view></form></view></view></u-popup></view>
|
||||
@ -1,32 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.popup-content {
|
||||
padding: 40rpx 40rpx 60rpx;
|
||||
}
|
||||
.popup-content .submit-btn {
|
||||
margin-top: 80rpx;
|
||||
background-color: #254062;
|
||||
padding: 6rpx 0;
|
||||
border-radius: 100rpx;
|
||||
color: #fff;
|
||||
}
|
||||
.popup-content .close-btn {
|
||||
margin-top: 20rpx;
|
||||
border: 1px solid #254062;
|
||||
padding: 20rpx 0;
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"u-tag": "/components/uview-ui/components/u-tag/u-tag",
|
||||
"price-format": "/components/price-format/price-format"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="order-goods bg-white"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item-wrap"><view data-event-opts="{{[['tap',[['toGoods',['$0'],[[['list','',index,'goods_id']]]]]]]}}" class="item row" bindtap="__e"><view class="goods-img"><u-image vue-id="{{'1699735c-1-'+index}}" src="{{item.image_str||item.image}}" width="{{imageWidth}}" height="{{imageHeight}}" border-radius="{{imageRadius}}" lazy-load="{{true}}" bind:__l="__l"></u-image></view><view class="goods-info ml20 flex1"><view class="goods-name line2 mb10"><block wx:if="{{team.need}}"><u-tag class="mr10" vue-id="{{'1699735c-2-'+index}}" text="{{team.need+'人团'}}" size="mini" type="primary" mode="plain" bind:__l="__l"></u-tag></block>{{''+(item.goods_name||item.name)}}</view><view class="goods-spec xs muted mb20">{{item.spec_value_str||item.spec_value}}</view><view class="row-between"><view class="goods-price row"><view class="primary"><block wx:if="{{!item.is_member&&order_type===0}}"><price-format vue-id="{{'1699735c-3-'+index}}" weight="{{500}}" subscript-size="{{24}}" first-size="{{34}}" second-size="{{24}}" price="{{item.original_price||item.goods_price}}" bind:__l="__l"></price-format></block></view><block wx:if="{{item.is_member&&order_type===0}}"><view class="vip-price row"><view class="price-name xxs">会员价</view><view style="padding:0 10rpx;"><price-format vue-id="{{'1699735c-4-'+index}}" price="{{item.goods_price}}" first-size="{{22}}" second-size="{{22}}" subscript-size="{{22}}" weight="{{500}}" color="#7B3200" bind:__l="__l"></price-format></view></view></block><block wx:if="{{order_type===1||order_type===2||order_type===3}}"><view class="vip-price row"><view class="price-name xxs" style="background-color:#e74346;"><block wx:if="{{order_type===1}}"><text>秒杀价</text></block><block wx:if="{{order_type===2}}"><text>拼团价</text></block><block wx:if="{{order_type===3}}"><text>砍价</text></block></view><view style="padding:0 10rpx;"><price-format vue-id="{{'1699735c-5-'+index}}" price="{{item.goods_price}}" first-size="{{22}}" second-size="{{22}}" subscript-size="{{22}}" weight="{{500}}" color="#7B3200" bind:__l="__l"></price-format></view></view></block></view><view class="goods-num sm">{{"x"+item.goods_num}}</view></view></view></view><block wx:if="{{mode==='comfirm'}}"><block wx:if="{{delivery===1&&!item.is_express}}"><view class="delivery">该商品不支持快递配送</view></block><block wx:if="{{delivery===2&&!item.is_selffetch}}"><view class="delivery">该商品不支持门店自提</view></block></block><block wx:if="{{link}}"><view class="goods-footer row"><view style="flex:1;"></view><block wx:if="{{item.comment_btn}}"><navigator class="mr20" hover-class="none" url="{{'/bundle/pages/goods_reviews/goods_reviews?id='+item.id}}"><button class="plain br60" size="xs" hover-class="none">评价晒图</button></navigator></block><block wx:if="{{item.refund_btn}}"><navigator hover-class="none" url="{{'/bundle/pages/apply_refund/apply_refund?order_id='+item.order_id+'&item_id='+item.item_id}}"><button class="plain br60" size="xs" hover-class="none">申请退款</button></navigator></block><block wx:if="{{item.after_status_desc}}"><view style="color:orange;">{{''+item.after_status_desc+''}}</view></block></view></block></view></block></view>
|
||||
@ -1,66 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.order-goods .item {
|
||||
padding: 20rpx 24rpx;
|
||||
}
|
||||
.order-goods .item .vip-price {
|
||||
background-color: #ffe9ba;
|
||||
line-height: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.order-goods .item .vip-price .price-name {
|
||||
background-color: #101010;
|
||||
padding: 3rpx 10rpx;
|
||||
color: #ffd4b7;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.order-goods .item .vip-price .price-name::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
position: absolute;
|
||||
right: -15rpx;
|
||||
background-color: #ffe9ba;
|
||||
border-radius: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.order-goods .goods-footer {
|
||||
height: 70rpx;
|
||||
align-items: flex-start;
|
||||
padding: 0 24rpx;
|
||||
}
|
||||
.order-goods .goods-footer .plain {
|
||||
border: 1px solid #999;
|
||||
height: 52rpx;
|
||||
line-height: 52rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.order-goods .delivery {
|
||||
display: inline-block;
|
||||
margin-left: calc(180rpx + 20rpx * 2);
|
||||
padding: 4rpx 15rpx;
|
||||
border-radius: 60px;
|
||||
font-size: 20rpx;
|
||||
background-color: #f4f4f4;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"u-line": "/components/uview-ui/components/u-line/u-line",
|
||||
"u-button": "/components/uview-ui/components/u-button/u-button"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view><view class="bg-white br16 px20 u-p-t-20 u-p-b-20 u-m-b-24"><view><navigator hover-class="none" url="/pages/order_details/order_details?type=0"><view class="row-between"><view>煎饼果子套餐</view><view class="text-999">待付款</view></view><view class="u-m-t-16 row"><view><u-image vue-id="3262b9e2-1" src="{{cloudPath+'img/banner.png'}}" width="124" height="124" border-radius="16" bind:__l="__l"></u-image></view><view class="sm ml20 text-999"><view>下单时间:2024-10-10 16:58:53</view><view>预计时间:2025-10-10 16:58:54</view><view>数量:1</view><view>实付:￥0.00</view></view></view><view class="u-m-t-26 u-m-b-26"><u-line vue-id="3262b9e2-2" color="#EEE" bind:__l="__l"></u-line></view></navigator></view><view class="u-m-t-26 row-between"><view class="primary">等待时间:15分钟</view><view class="row"><view class="u-m-r-16"><u-button vue-id="3262b9e2-3" hover-class="none" customStyle="{{({width:'164rpx',height:'60rpx',color:'#999',border:'1px solid #DDD'})}}" plain="{{true}}" hair-line="{{false}}" shape="circle" data-event-opts="{{[['^click',[['cancleOrder']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">取消订单</u-button></view><view><u-button vue-id="3262b9e2-4" hover-class="none" customStyle="{{({width:'164rpx',height:'60rpx',backgroundColor:themeColor,color:'#fff',border:'none'})}}" hair-line="{{false}}" shape="circle" data-event-opts="{{[['^click',[['toPay']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">去付款</u-button></view></view></view></view></view>
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<text class="{{[(lineThrough?'line-through':'')+' price-format']}}" style="{{'color:'+(color)+';'+('font-weight:'+(weight)+';')}}"><block wx:if="{{showSubscript}}"><text style="{{'font-size:'+(subscriptSize+'rpx')+';'+('margin-right:'+('2rpx')+';')}}">¥</text></block><text style="{{'font-size:'+(firstSize+'rpx')+';'+('margin-right:'+('1rpx')+';')}}">{{priceSlice.first}}</text><block wx:if="{{priceSlice.second}}"><text style="{{'font-size:'+(secondSize+'rpx')+';'}}">{{"."+priceSlice.second}}</text></block></text>
|
||||
@ -1,8 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-number-box": "/components/uview-ui/components/u-number-box/u-number-box",
|
||||
"u-button": "/components/uview-ui/components/u-button/u-button"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1,57 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.spec {
|
||||
width: 600rpx;
|
||||
}
|
||||
.spec .shop-title {
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 36rpx;
|
||||
background-color: #FAFAFA;
|
||||
}
|
||||
.spec .attr {
|
||||
color: #212425;
|
||||
}
|
||||
.spec .attr-list {
|
||||
color: #37393B;
|
||||
background-color: #F9F9F9;
|
||||
margin: 0 10rpx 10rpx 0;
|
||||
border-radius: 16rpx;
|
||||
border: 2rpx solid #F6F6F7;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.spec .active {
|
||||
border: 2rpx solid #254062;
|
||||
color: #254062;
|
||||
}
|
||||
.spec .w-40 {
|
||||
width: 40%;
|
||||
}
|
||||
.spec .current:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.spec .current {
|
||||
color: #212425;
|
||||
background-color: #F9F9F9;
|
||||
margin: 0 10rpx 10rpx 0;
|
||||
border-radius: 16rpx;
|
||||
border: 2rpx solid #F6F6F7;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.spec .disabled {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
@ -1,5 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "头像裁剪",
|
||||
"navigationBarBackgroundColor": "#000",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="content data-v-e36a8e5a"><view class="cropper-wrapper data-v-e36a8e5a" style="{{'height:'+(cropperOpt.height+'px')+';'}}"><canvas class="cropper data-v-e36a8e5a" style="{{'width:'+(cropperOpt.width)+';'+('height:'+(cropperOpt.height)+';')+('background-color:'+('rgba(0, 0, 0, 0.8)')+';')}}" disable-scroll="{{true}}" canvas-id="cropper" id="cropper" data-event-opts="{{[['touchstart',[['touchStart',['$event']]]],['touchmove',[['touchMove',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e"></canvas><canvas class="cropper data-v-e36a8e5a" style="{{'position:'+('fixed')+';'+('top:'+('-'+cropperOpt.width*cropperOpt.pixelRatio+'px')+';')+('left:'+('-'+cropperOpt.height*cropperOpt.pixelRatio+'px')+';')+('width:'+(cropperOpt.width*cropperOpt.pixelRatio+'px')+';')+('height:'+(''+cropperOpt.height*cropperOpt.pixelRatio)+';')}}" disable-scroll="{{true}}" canvas-id="targetId" id="targetId"></canvas></view><view class="cropper-buttons safe-area-padding data-v-e36a8e5a" style="{{'height:'+(bottomNavHeight+'px')+';'}}"><view data-event-opts="{{[['tap',[['uploadTap',['$event']]]]]}}" class="upload data-v-e36a8e5a" bindtap="__e">重新选择</view><view data-event-opts="{{[['tap',[['getCropperImage',[false]]]]]}}" class="getCropperImage data-v-e36a8e5a" bindtap="__e">确定</view></view></view>
|
||||
@ -1,66 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.content.data-v-e36a8e5a {
|
||||
background: white;
|
||||
}
|
||||
.cropper.data-v-e36a8e5a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
}
|
||||
.cropper-buttons.data-v-e36a8e5a {
|
||||
background-color: #000000;
|
||||
color: #eee;
|
||||
}
|
||||
.cropper-wrapper.data-v-e36a8e5a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
background-color: #000;
|
||||
}
|
||||
.cropper-buttons.data-v-e36a8e5a {
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.cropper-buttons .upload.data-v-e36a8e5a,
|
||||
.cropper-buttons .getCropperImage.data-v-e36a8e5a {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
.cropper-buttons .upload.data-v-e36a8e5a {
|
||||
text-align: left;
|
||||
padding-left: 50rpx;
|
||||
}
|
||||
.cropper-buttons .getCropperImage.data-v-e36a8e5a {
|
||||
text-align: right;
|
||||
padding-right: 50rpx;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view data-event-opts="{{[['tap',[['click',['$event']]]]]}}" class="u-avatar data-v-22e236d3" style="{{$root.s0}}" bindtap="__e"><block wx:if="{{!uText&&avatar}}"><image class="u-avatar__img data-v-22e236d3" style="{{$root.s1}}" src="{{avatar}}" mode="{{imgMode}}" data-event-opts="{{[['error',[['loadError',['$event']]]]]}}" binderror="__e"></image></block><block wx:else><block wx:if="{{uText}}"><text class="u-line-1 data-v-22e236d3" style="{{'font-size:'+('38rpx')+';'}}">{{uText}}</text></block><block wx:else><slot></slot></block></block><block wx:if="{{showSex}}"><view class="{{['u-avatar__sex','data-v-22e236d3','u-avatar__sex--'+sexIcon]}}" style="{{$root.s2}}"><u-icon vue-id="39652493-1" name="{{sexIcon}}" size="20" class="data-v-22e236d3" bind:__l="__l"></u-icon></view></block><block wx:if="{{showLevel}}"><view class="u-avatar__level data-v-22e236d3" style="{{$root.s3}}"><u-icon vue-id="39652493-2" name="{{levelIcon}}" size="20" class="data-v-22e236d3" bind:__l="__l"></u-icon></view></block></view>
|
||||
@ -1,69 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-avatar.data-v-22e236d3 {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
color: #606266;
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.u-avatar__img.data-v-22e236d3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-avatar__sex.data-v-22e236d3 {
|
||||
position: absolute;
|
||||
width: 32rpx;
|
||||
color: #ffffff;
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100rpx;
|
||||
top: 5%;
|
||||
z-index: 1;
|
||||
right: -7%;
|
||||
border: 1px #ffffff solid;
|
||||
}
|
||||
.u-avatar__sex--man.data-v-22e236d3 {
|
||||
background-color: #ff2c3c;
|
||||
}
|
||||
.u-avatar__sex--woman.data-v-22e236d3 {
|
||||
background-color: #fa3534;
|
||||
}
|
||||
.u-avatar__sex--none.data-v-22e236d3 {
|
||||
background-color: #ff9900;
|
||||
}
|
||||
.u-avatar__level.data-v-22e236d3 {
|
||||
position: absolute;
|
||||
width: 32rpx;
|
||||
color: #ffffff;
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100rpx;
|
||||
bottom: 5%;
|
||||
z-index: 1;
|
||||
right: -7%;
|
||||
border: 1px #ffffff solid;
|
||||
background-color: #ff9900;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<block wx:if="{{show}}"><view class="{{['u-badge','data-v-40f94fea',isDot?'u-badge-dot':'',size=='mini'?'u-badge-mini':'',type?'u-badge--bg--'+type:'']}}" style="{{$root.s0}}">{{''+showText+''}}</view></block>
|
||||
@ -1,56 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-badge.data-v-40f94fea {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
line-height: 24rpx;
|
||||
padding: 4rpx 8rpx;
|
||||
border-radius: 100rpx;
|
||||
z-index: 9;
|
||||
}
|
||||
.u-badge--bg--primary.data-v-40f94fea {
|
||||
background-color: #ff2c3c;
|
||||
}
|
||||
.u-badge--bg--error.data-v-40f94fea {
|
||||
background-color: #fa3534;
|
||||
}
|
||||
.u-badge--bg--success.data-v-40f94fea {
|
||||
background-color: #19be6b;
|
||||
}
|
||||
.u-badge--bg--info.data-v-40f94fea {
|
||||
background-color: #909399;
|
||||
}
|
||||
.u-badge--bg--warning.data-v-40f94fea {
|
||||
background-color: #ff9900;
|
||||
}
|
||||
.u-badge-dot.data-v-40f94fea {
|
||||
height: 16rpx;
|
||||
width: 16rpx;
|
||||
border-radius: 100rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
.u-badge-mini.data-v-40f94fea {
|
||||
-webkit-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
.u-info.data-v-40f94fea {
|
||||
background-color: #909399;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<button class="{{['u-btn','u-line-1','u-fix-ios-appearance','data-v-8ef4aa1a','u-size-'+size,plain?'u-btn--'+type+'--plain':'',loading?'u-loading':'',shape=='circle'?'u-round-circle':'',hairLine?showHairLineBorder:'u-btn--bold-border','u-btn--'+type,disabled?'u-btn--'+type+'--disabled':'']}}" style="{{$root.s0}}" id="u-wave-btn" hover-start-time="{{$root.m0}}" hover-stay-time="{{$root.m1}}" disabled="{{disabled}}" form-type="{{formType}}" open-type="{{openType}}" app-parameter="{{appParameter}}" hover-stop-propagation="{{hoverStopPropagation}}" send-message-title="{{sendMessageTitle}}" send-message-path="sendMessagePath" lang="{{lang}}" data-name="{{dataName}}" session-from="{{sessionFrom}}" send-message-img="{{sendMessageImg}}" show-message-card="{{showMessageCard}}" hover-class="{{getHoverClass}}" loading="{{loading}}" data-event-opts="{{[['getphonenumber',[['getphonenumber',['$event']]]],['getuserinfo',[['getuserinfo',['$event']]]],['error',[['error',['$event']]]],['opensetting',[['opensetting',['$event']]]],['launchapp',[['launchapp',['$event']]]],['tap',[['click',['$event']]]]]}}" bindgetphonenumber="__e" bindgetuserinfo="__e" binderror="__e" bindopensetting="__e" bindlaunchapp="__e" catchtap="__e"><slot></slot><block wx:if="{{ripple}}"><view class="{{['u-wave-ripple','data-v-8ef4aa1a',waveActive?'u-wave-active':'']}}" style="{{'top:'+(rippleTop+'px')+';'+('left:'+(rippleLeft+'px')+';')+('width:'+(fields.targetWidth+'px')+';')+('height:'+(fields.targetWidth+'px')+';')+('background-color:'+(rippleBgColor||'rgba(0, 0, 0, 0.15)')+';')}}"></view></block></button>
|
||||
@ -1,226 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-btn.data-v-8ef4aa1a::after {
|
||||
border: none;
|
||||
}
|
||||
.u-btn.data-v-8ef4aa1a {
|
||||
position: relative;
|
||||
border: 0;
|
||||
display: inline-flex;
|
||||
overflow: visible;
|
||||
line-height: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
padding: 0 40rpx;
|
||||
z-index: 1;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.15s;
|
||||
}
|
||||
.u-btn--bold-border.data-v-8ef4aa1a {
|
||||
border: 1px solid #ffffff;
|
||||
}
|
||||
.u-btn--default.data-v-8ef4aa1a {
|
||||
color: #606266;
|
||||
border-color: #c0c4cc;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.u-btn--primary.data-v-8ef4aa1a {
|
||||
color: #ffffff;
|
||||
border-color: #ff2c3c;
|
||||
background-color: #ff2c3c;
|
||||
}
|
||||
.u-btn--success.data-v-8ef4aa1a {
|
||||
color: #ffffff;
|
||||
border-color: #19be6b;
|
||||
background-color: #19be6b;
|
||||
}
|
||||
.u-btn--error.data-v-8ef4aa1a {
|
||||
color: #ffffff;
|
||||
border-color: #fa3534;
|
||||
background-color: #fa3534;
|
||||
}
|
||||
.u-btn--warning.data-v-8ef4aa1a {
|
||||
color: #ffffff;
|
||||
border-color: #ff9900;
|
||||
background-color: #ff9900;
|
||||
}
|
||||
.u-btn--default--disabled.data-v-8ef4aa1a {
|
||||
color: #ffffff;
|
||||
border-color: #e4e7ed;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.u-btn--primary--disabled.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
border-color: #a0cfff !important;
|
||||
background-color: #a0cfff !important;
|
||||
}
|
||||
.u-btn--success--disabled.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
border-color: #71d5a1 !important;
|
||||
background-color: #71d5a1 !important;
|
||||
}
|
||||
.u-btn--error--disabled.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
border-color: #fab6b6 !important;
|
||||
background-color: #fab6b6 !important;
|
||||
}
|
||||
.u-btn--warning--disabled.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
border-color: #fcbd71 !important;
|
||||
background-color: #fcbd71 !important;
|
||||
}
|
||||
.u-btn--primary--plain.data-v-8ef4aa1a {
|
||||
color: #ff2c3c !important;
|
||||
border-color: #a0cfff !important;
|
||||
background-color: #ecf5ff !important;
|
||||
}
|
||||
.u-btn--success--plain.data-v-8ef4aa1a {
|
||||
color: #19be6b !important;
|
||||
border-color: #71d5a1 !important;
|
||||
background-color: #dbf1e1 !important;
|
||||
}
|
||||
.u-btn--error--plain.data-v-8ef4aa1a {
|
||||
color: #fa3534 !important;
|
||||
border-color: #fab6b6 !important;
|
||||
background-color: #fef0f0 !important;
|
||||
}
|
||||
.u-btn--warning--plain.data-v-8ef4aa1a {
|
||||
color: #ff9900 !important;
|
||||
border-color: #fcbd71 !important;
|
||||
background-color: #fdf6ec !important;
|
||||
}
|
||||
.u-hairline-border.data-v-8ef4aa1a:after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
-webkit-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 199.8%;
|
||||
height: 199.7%;
|
||||
-webkit-transform: scale(0.5, 0.5);
|
||||
transform: scale(0.5, 0.5);
|
||||
border: 1px solid currentColor;
|
||||
z-index: 1;
|
||||
}
|
||||
.u-wave-ripple.data-v-8ef4aa1a {
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
background-clip: padding-box;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 1;
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
}
|
||||
.u-wave-ripple.u-wave-active.data-v-8ef4aa1a {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(2);
|
||||
transform: scale(2);
|
||||
transition: opacity 1s linear, -webkit-transform 0.4s linear;
|
||||
transition: opacity 1s linear, transform 0.4s linear;
|
||||
transition: opacity 1s linear, transform 0.4s linear, -webkit-transform 0.4s linear;
|
||||
}
|
||||
.u-round-circle.data-v-8ef4aa1a {
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
.u-round-circle.data-v-8ef4aa1a::after {
|
||||
border-radius: 100rpx;
|
||||
}
|
||||
.u-loading.data-v-8ef4aa1a::after {
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.u-size-default.data-v-8ef4aa1a {
|
||||
font-size: 30rpx;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.u-size-medium.data-v-8ef4aa1a {
|
||||
display: inline-flex;
|
||||
width: auto;
|
||||
font-size: 26rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
padding: 0 80rpx;
|
||||
}
|
||||
.u-size-mini.data-v-8ef4aa1a {
|
||||
display: inline-flex;
|
||||
width: auto;
|
||||
font-size: 22rpx;
|
||||
padding-top: 1px;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.u-primary-plain-hover.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
background: #2b85e4 !important;
|
||||
}
|
||||
.u-default-plain-hover.data-v-8ef4aa1a {
|
||||
color: #2b85e4 !important;
|
||||
background: #ecf5ff !important;
|
||||
}
|
||||
.u-success-plain-hover.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
background: #18b566 !important;
|
||||
}
|
||||
.u-warning-plain-hover.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
background: #f29100 !important;
|
||||
}
|
||||
.u-error-plain-hover.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
background: #dd6161 !important;
|
||||
}
|
||||
.u-info-plain-hover.data-v-8ef4aa1a {
|
||||
color: #ffffff !important;
|
||||
background: #82848a !important;
|
||||
}
|
||||
.u-default-hover.data-v-8ef4aa1a {
|
||||
color: #2b85e4 !important;
|
||||
border-color: #2b85e4 !important;
|
||||
background-color: #ecf5ff !important;
|
||||
}
|
||||
.u-primary-hover.data-v-8ef4aa1a {
|
||||
background: #2b85e4 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.u-success-hover.data-v-8ef4aa1a {
|
||||
background: #18b566 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.u-info-hover.data-v-8ef4aa1a {
|
||||
background: #82848a !important;
|
||||
color: #fff;
|
||||
}
|
||||
.u-warning-hover.data-v-8ef4aa1a {
|
||||
background: #f29100 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.u-error-hover.data-v-8ef4aa1a {
|
||||
background: #dd6161 !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-cell-box data-v-7b65689a"><block wx:if="{{title}}"><view class="u-cell-title data-v-7b65689a" style="{{$root.s0}}">{{''+title+''}}</view></block><view class="{{['u-cell-item-box','data-v-7b65689a',(border)?'u-border-bottom u-border-top':'']}}"><slot></slot></view></view>
|
||||
@ -1,29 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-cell-box.data-v-7b65689a {
|
||||
width: 100%;
|
||||
}
|
||||
.u-cell-title.data-v-7b65689a {
|
||||
padding: 30rpx 32rpx 10rpx 32rpx;
|
||||
font-size: 30rpx;
|
||||
text-align: left;
|
||||
color: #909399;
|
||||
}
|
||||
.u-cell-item-box.data-v-7b65689a {
|
||||
background-color: #FFFFFF;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['u-cell','data-v-51584481',(borderBottom)?'u-border-bottom':'',(borderTop)?'u-border-top':'',(center)?'u-col-center':'',(required)?'u-cell--required':'']}}" style="{{'background-color:'+(bgColor)+';'}}" hover-stay-time="150" hover-class="{{hoverClass}}" data-event-opts="{{[['tap',[['click',['$event']]]]]}}" bindtap="__e"><block wx:if="{{icon}}"><u-icon class="u-cell__left-icon-wrap data-v-51584481" vue-id="4c9e66b6-1" size="{{iconSize}}" name="{{icon}}" custom-style="{{iconStyle}}" bind:__l="__l"></u-icon></block><block wx:else><view class="u-flex data-v-51584481"><slot name="icon"></slot></view></block><view class="u-cell_title data-v-51584481" style="{{$root.s0}}"><block wx:if="{{title!==''}}"><block class="data-v-51584481">{{title}}</block></block><block wx:else><slot name="title"></slot></block><block wx:if="{{label||$slots.label}}"><view class="u-cell__label data-v-51584481" style="{{$root.s1}}"><block wx:if="{{label!==''}}"><block class="data-v-51584481">{{label}}</block></block><block wx:else><slot name="label"></slot></block></view></block></view><view class="u-cell__value data-v-51584481" style="{{$root.s2}}"><block wx:if="{{value!==''}}"><block class="u-cell__value data-v-51584481">{{value}}</block></block><block wx:else><slot></slot></block></view><block wx:if="{{$slots['right-icon']}}"><view class="u-flex u-cell_right data-v-51584481"><slot name="right-icon"></slot></view></block><block wx:if="{{arrow}}"><u-icon class="u-icon-wrap u-cell__right-icon-wrap data-v-51584481" style="{{$root.s3}}" vue-id="4c9e66b6-2" name="arrow-right" bind:__l="__l"></u-icon></block></view>
|
||||
@ -1,99 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-cell.data-v-51584481 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 26rpx 32rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 54rpx;
|
||||
color: #606266;
|
||||
background-color: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
.u-cell_title.data-v-51584481 {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.u-cell__left-icon-wrap.data-v-51584481 {
|
||||
margin-right: 10rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.u-cell__right-icon-wrap.data-v-51584481 {
|
||||
margin-left: 10rpx;
|
||||
color: #969799;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.u-cell__left-icon-wrap.data-v-51584481,
|
||||
.u-cell__right-icon-wrap.data-v-51584481 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 48rpx;
|
||||
}
|
||||
.u-cell-border.data-v-51584481:after {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
content: ' ';
|
||||
pointer-events: none;
|
||||
border-bottom: 1px solid #e4e7ed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
-webkit-transform: scaleY(0.5);
|
||||
transform: scaleY(0.5);
|
||||
}
|
||||
.u-cell-border.data-v-51584481 {
|
||||
position: relative;
|
||||
}
|
||||
.u-cell__label.data-v-51584481 {
|
||||
margin-top: 6rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 36rpx;
|
||||
color: #909399;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.u-cell__value.data-v-51584481 {
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
color: #909399;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.u-cell__title.data-v-51584481,
|
||||
.u-cell__value.data-v-51584481 {
|
||||
flex: 1;
|
||||
}
|
||||
.u-cell--required.data-v-51584481 {
|
||||
overflow: visible;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-cell--required.data-v-51584481:before {
|
||||
position: absolute;
|
||||
content: '*';
|
||||
left: 8px;
|
||||
margin-top: 4rpx;
|
||||
font-size: 14px;
|
||||
color: #fa3534;
|
||||
}
|
||||
.u-cell_right.data-v-51584481 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-checkbox data-v-c02169da" style="{{$root.s0}}"><view data-event-opts="{{[['tap',[['toggle',['$event']]]]]}}" class="{{['u-checkbox__icon-wrap','data-v-c02169da',iconClass]}}" style="{{$root.s1}}" bindtap="__e"><u-icon class="u-checkbox__icon-wrap__icon data-v-c02169da" vue-id="5dfa9853-1" name="checkbox-mark" size="{{checkboxIconSize}}" color="{{iconColor}}" bind:__l="__l"></u-icon></view><view data-event-opts="{{[['tap',[['onClickLabel',['$event']]]]]}}" class="u-checkbox__label data-v-c02169da" style="{{'font-size:'+($root.g0)+';'}}" bindtap="__e"><slot></slot></view></view>
|
||||
@ -1,69 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-checkbox.data-v-c02169da {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.u-checkbox__icon-wrap.data-v-c02169da {
|
||||
color: #606266;
|
||||
flex: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
color: transparent;
|
||||
text-align: center;
|
||||
transition-property: color, border-color, background-color;
|
||||
font-size: 20px;
|
||||
border: 1px solid #c8c9cc;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
.u-checkbox__icon-wrap--circle.data-v-c02169da {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.u-checkbox__icon-wrap--square.data-v-c02169da {
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
.u-checkbox__icon-wrap--checked.data-v-c02169da {
|
||||
color: #fff;
|
||||
background-color: #ff2c3c;
|
||||
border-color: #ff2c3c;
|
||||
}
|
||||
.u-checkbox__icon-wrap--disabled.data-v-c02169da {
|
||||
background-color: #ebedf0;
|
||||
border-color: #c8c9cc;
|
||||
}
|
||||
.u-checkbox__icon-wrap--disabled--checked.data-v-c02169da {
|
||||
color: #c8c9cc !important;
|
||||
}
|
||||
.u-checkbox__label.data-v-c02169da {
|
||||
word-wrap: break-word;
|
||||
margin-left: 10rpx;
|
||||
margin-right: 24rpx;
|
||||
color: #606266;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.u-checkbox__label--disabled.data-v-c02169da {
|
||||
color: #c8c9cc;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-countdown data-v-2bc9e733"><block wx:if="{{showDays&&(hideZeroDay||!hideZeroDay&&d!='00')}}"><view style="{{'font-size:'+(fontSize+'rpx')+';'}}" class="data-v-2bc9e733">{{''+d+''}}</view></block><block wx:if="{{showDays&&(hideZeroDay||!hideZeroDay&&d!='00')}}"><view style="{{'font-size:'+(separatorSize+'rpx')+';'+('margin-right:'+('6rpx')+';')}}" class="data-v-2bc9e733">天</view></block><block wx:if="{{showHours}}"><view class="u-countdown-item data-v-2bc9e733" style="{{$root.s0}}"><view class="u-countdown-time data-v-2bc9e733" style="{{'font-size:'+(fontSize+'rpx')+';'+('color:'+(color)+';')}}">{{''+h+''}}</view></view></block><block wx:if="{{showHours}}"><view class="u-countdown-colon data-v-2bc9e733" style="{{'font-size:'+(separatorSize+'rpx')+';'+('color:'+(separatorColor)+';')+('padding-bottom:'+(separator=='colon'?'4rpx':0)+';')}}">{{''+(separator=='colon'?':':'时')+''}}</view></block><block wx:if="{{showMinutes}}"><view class="u-countdown-item data-v-2bc9e733" style="{{$root.s1}}"><view class="u-countdown-time data-v-2bc9e733" style="{{'font-size:'+(fontSize+'rpx')+';'+('color:'+(color)+';')}}">{{''+i+''}}</view></view></block><block wx:if="{{showMinutes}}"><view class="u-countdown-colon data-v-2bc9e733" style="{{'font-size:'+(separatorSize+'rpx')+';'+('color:'+(separatorColor)+';')+('padding-bottom:'+(separator=='colon'?'4rpx':0)+';')}}">{{''+(separator=='colon'?':':'分')+''}}</view></block><block wx:if="{{showSeconds}}"><view class="u-countdown-item data-v-2bc9e733" style="{{$root.s2}}"><view class="u-countdown-time data-v-2bc9e733" style="{{'font-size:'+(fontSize+'rpx')+';'+('color:'+(color)+';')}}">{{''+s+''}}</view></view></block><block wx:if="{{showSeconds&&separator=='zh'}}"><view class="u-countdown-colon data-v-2bc9e733" style="{{'font-size:'+(separatorSize+'rpx')+';'+('color:'+(separatorColor)+';')+('padding-bottom:'+(separator=='colon'?'4rpx':0)+';')}}">秒</view></block></view>
|
||||
@ -1,50 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-countdown.data-v-2bc9e733 {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-countdown-item.data-v-2bc9e733 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 2rpx;
|
||||
border-radius: 6rpx;
|
||||
white-space: nowrap;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
.u-countdown-time.data-v-2bc9e733 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.u-countdown-colon.data-v-2bc9e733 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
padding: 0 5rpx;
|
||||
line-height: 1;
|
||||
align-items: center;
|
||||
padding-bottom: 4rpx;
|
||||
}
|
||||
.u-countdown-scale.data-v-2bc9e733 {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9);
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1,85 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-form-item.data-v-f8718586 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 20rpx 0;
|
||||
font-size: 28rpx;
|
||||
color: #303133;
|
||||
box-sizing: border-box;
|
||||
line-height: 70rpx;
|
||||
flex-direction: column;
|
||||
}
|
||||
.u-form-item__border-bottom--error.data-v-f8718586:after {
|
||||
border-color: #fa3534;
|
||||
}
|
||||
.u-form-item__body.data-v-f8718586 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.u-form-item--left.data-v-f8718586 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-form-item--left__content.data-v-f8718586 {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding-right: 10rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item--left__content__icon.data-v-f8718586 {
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.u-form-item--left__content--required.data-v-f8718586 {
|
||||
position: absolute;
|
||||
left: -16rpx;
|
||||
vertical-align: middle;
|
||||
color: #fa3534;
|
||||
padding-top: 6rpx;
|
||||
}
|
||||
.u-form-item--left__content__label.data-v-f8718586 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item--right.data-v-f8718586 {
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item--right__content.data-v-f8718586 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item--right__content__slot.data-v-f8718586 {
|
||||
flex: 1;
|
||||
}
|
||||
.u-form-item--right__content__icon.data-v-f8718586 {
|
||||
margin-left: 10rpx;
|
||||
color: #c0c4cc;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.u-form-item__message.data-v-f8718586 {
|
||||
font-size: 24rpx;
|
||||
line-height: 24rpx;
|
||||
color: #fa3534;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-form data-v-0ee3edf3"><slot></slot></view>
|
||||
@ -1,16 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-grid-item data-v-4efa108e" style="{{'background:'+(bgColor)+';'+('width:'+(width)+';')}}" hover-class="{{parentData.hoverClass}}" hover-stay-time="{{200}}" data-event-opts="{{[['tap',[['click',['$event']]]]]}}" bindtap="__e"><view class="{{['u-grid-item-box','data-v-4efa108e',parentData.border?'u-border-right u-border-bottom':'']}}" style="{{$root.s0}}"><slot></slot></view></view>
|
||||
@ -1,50 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-grid-item.data-v-4efa108e {
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
.u-grid-item-hover.data-v-4efa108e {
|
||||
background: #f7f7f7 !important;
|
||||
}
|
||||
.u-grid-marker-box.data-v-4efa108e {
|
||||
position: absolute;
|
||||
display: inline-flex;
|
||||
line-height: 0;
|
||||
}
|
||||
.u-grid-marker-wrap.data-v-4efa108e {
|
||||
position: absolute;
|
||||
}
|
||||
.u-grid-item-box.data-v-4efa108e {
|
||||
padding: 30rpx 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['u-grid','data-v-5d3817b3',(border)?'u-border-top u-border-left':'']}}" style="{{$root.s0}}"><slot></slot></view>
|
||||
@ -1,22 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-grid.data-v-5d3817b3 {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view data-event-opts="{{[['tap',[['click',['$event']]]]]}}" class="{{['u-icon','data-v-7a019853','u-icon--'+labelPos]}}" style="{{$root.s0}}" bindtap="__e"><block wx:if="{{isImg}}"><image class="u-icon__img data-v-7a019853" style="{{$root.s1}}" src="{{name}}" mode="{{imgMode}}"></image></block><block wx:else><text class="{{['u-icon__icon','data-v-7a019853',customClass]}}" style="{{$root.s2}}" hover-class="{{hoverClass}}" data-event-opts="{{[['touchstart',[['touchstart',['$event']]]]]}}" bindtouchstart="__e"><block wx:if="{{showDecimalIcon}}"><text class="{{['u-icon__decimal','data-v-7a019853',decimalIconClass]}}" style="{{$root.s3}}" hover-class="{{hoverClass}}"></text></block></text></block><block wx:if="{{label!==''}}"><text class="u-icon__label data-v-7a019853" style="{{'color:'+(labelColor)+';'+('font-size:'+($root.g0)+';')+('margin-left:'+(labelPos=='right'?$root.g1:0)+';')+('margin-top:'+(labelPos=='bottom'?$root.g2:0)+';')+('margin-right:'+(labelPos=='left'?$root.g3:0)+';')+('margin-bottom:'+(labelPos=='top'?$root.g4:0)+';')}}">{{label+''}}</text></block></view>
|
||||
File diff suppressed because one or more lines are too long
@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view data-event-opts="{{[['tap',[['onClick',['$event']]]]]}}" class="u-image data-v-31b1f90a" style="{{$root.s0}}" bindtap="__e"><block wx:if="{{!isError}}"><image class="u-image__image data-v-31b1f90a" style="{{'border-radius:'+(shape=='circle'?'50%':$root.g0)+';'}}" src="{{src}}" mode="{{mode}}" lazy-load="{{lazyLoad}}" data-event-opts="{{[['error',[['onErrorHandler',['$event']]]],['load',[['onLoadHandler',['$event']]]]]}}" binderror="__e" bindload="__e"></image></block><block wx:if="{{showLoading&&loading}}"><view class="u-image__loading data-v-31b1f90a" style="{{'border-radius:'+(shape=='circle'?'50%':$root.g1)+';'+('background-color:'+(this.bgColor)+';')}}"><block wx:if="{{$slots.loading}}"><slot name="loading"></slot></block><block wx:else><u-icon vue-id="048c262a-1" name="{{loadingIcon}}" width="{{width}}" height="{{height}}" class="data-v-31b1f90a" bind:__l="__l"></u-icon></block></view></block><block wx:if="{{showError&&isError&&!loading}}"><view class="u-image__error data-v-31b1f90a" style="{{'border-radius:'+(shape=='circle'?'50%':$root.g2)+';'}}"><block wx:if="{{$slots.error}}"><slot name="error"></slot></block><block wx:else><u-icon vue-id="048c262a-2" name="{{errorIcon}}" width="{{width}}" height="{{height}}" class="data-v-31b1f90a" bind:__l="__l"></u-icon></block></view></block></view>
|
||||
@ -1,38 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-image.data-v-31b1f90a {
|
||||
position: relative;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.u-image__image.data-v-31b1f90a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.u-image__loading.data-v-31b1f90a, .u-image__error.data-v-31b1f90a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f3f4f6;
|
||||
color: #909399;
|
||||
font-size: 46rpx;
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon"
|
||||
},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view data-event-opts="{{[['tap',[['inputClick',['$event']]]]]}}" class="{{['u-input','data-v-0b0f3b4e',(border)?'u-input--border':'',(validateState)?'u-input--error':'']}}" style="{{'padding:'+('0 '+(border?20:0)+'rpx')+';'+('border-color:'+(borderColor)+';')+('text-align:'+(inputAlign)+';')}}" catchtap="__e"><block wx:if="{{type=='textarea'}}"><textarea class="u-input__input u-input__textarea data-v-0b0f3b4e" style="{{$root.s0}}" placeholder="{{placeholder}}" placeholderStyle="{{placeholderStyle}}" disabled="{{disabled}}" maxlength="{{inputMaxlength}}" fixed="{{fixed}}" focus="{{focus}}" autoHeight="{{autoHeight}}" selection-end="{{uSelectionEnd}}" selection-start="{{uSelectionStart}}" cursor-spacing="{{getCursorSpacing}}" show-confirm-bar="{{showConfirmbar}}" data-event-opts="{{[['input',[['handleInput',['$event']]]],['blur',[['handleBlur',['$event']]]],['focus',[['onFocus',['$event']]]],['confirm',[['onConfirm',['$event']]]]]}}" value="{{defaultValue}}" bindinput="__e" bindblur="__e" bindfocus="__e" bindconfirm="__e"></textarea></block><block wx:else><input class="u-input__input data-v-0b0f3b4e" style="{{$root.s1}}" type="{{type=='password'?'text':type}}" password="{{type=='password'&&!showPassword}}" placeholder="{{placeholder}}" placeholderStyle="{{placeholderStyle}}" disabled="{{disabled||type==='select'}}" maxlength="{{inputMaxlength}}" focus="{{focus}}" confirmType="{{confirmType}}" cursor-spacing="{{getCursorSpacing}}" selection-end="{{uSelectionEnd}}" selection-start="{{uSelectionStart}}" show-confirm-bar="{{showConfirmbar}}" data-event-opts="{{[['focus',[['onFocus',['$event']]]],['blur',[['handleBlur',['$event']]]],['input',[['handleInput',['$event']]]],['confirm',[['onConfirm',['$event']]]]]}}" value="{{defaultValue}}" bindfocus="__e" bindblur="__e" bindinput="__e" bindconfirm="__e"/></block><view class="u-input__right-icon u-flex data-v-0b0f3b4e"><block wx:if="{{clearable&&value!=''&&focused}}"><view data-event-opts="{{[['tap',[['onClear',['$event']]]]]}}" class="u-input__right-icon__clear u-input__right-icon__item data-v-0b0f3b4e" bindtap="__e"><u-icon vue-id="549469cd-1" size="32" name="close-circle-fill" color="#c0c4cc" class="data-v-0b0f3b4e" bind:__l="__l"></u-icon></view></block><block wx:if="{{passwordIcon&&type=='password'}}"><view class="u-input__right-icon__clear u-input__right-icon__item data-v-0b0f3b4e"><u-icon vue-id="549469cd-2" size="32" name="{{!showPassword?'eye':'eye-fill'}}" color="#c0c4cc" data-event-opts="{{[['^click',[['e0']]]]}}" bind:click="__e" class="data-v-0b0f3b4e" bind:__l="__l"></u-icon></view></block><block wx:if="{{type=='select'}}"><view class="{{['u-input__right-icon--select','u-input__right-icon__item','data-v-0b0f3b4e',(selectOpen)?'u-input__right-icon--select--reverse':'']}}"><u-icon vue-id="549469cd-3" name="arrow-down-fill" size="26" color="#c0c4cc" class="data-v-0b0f3b4e" bind:__l="__l"></u-icon></view></block></view></view>
|
||||
@ -1,55 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-input.data-v-0b0f3b4e {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.u-input__input.data-v-0b0f3b4e {
|
||||
font-size: 28rpx;
|
||||
color: #303133;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input__textarea.data-v-0b0f3b4e {
|
||||
width: auto;
|
||||
font-size: 28rpx;
|
||||
color: #303133;
|
||||
padding: 10rpx 0;
|
||||
line-height: normal;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input--border.data-v-0b0f3b4e {
|
||||
border-radius: 6rpx;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdfe6;
|
||||
}
|
||||
.u-input--error.data-v-0b0f3b4e {
|
||||
border-color: #fa3534 !important;
|
||||
}
|
||||
.u-input__right-icon__item.data-v-0b0f3b4e {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.u-input__right-icon--select.data-v-0b0f3b4e {
|
||||
transition: -webkit-transform .4s;
|
||||
transition: transform .4s;
|
||||
transition: transform .4s, -webkit-transform .4s;
|
||||
}
|
||||
.u-input__right-icon--select--reverse.data-v-0b0f3b4e {
|
||||
-webkit-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="u-line data-v-11d9f7f3" style="{{$root.s0}}"></view>
|
||||
@ -1,19 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-line.data-v-11d9f7f3 {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<block wx:if="{{show}}"><view class="{{['u-loading','data-v-cba73406',mode=='circle'?'u-loading-circle':'u-loading-flower']}}" style="{{$root.s0}}"></view></block>
|
||||
@ -1,68 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-loading-circle.data-v-cba73406 {
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
background: 0 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid;
|
||||
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
|
||||
-webkit-animation: u-circle-data-v-cba73406 1s linear infinite;
|
||||
animation: u-circle-data-v-cba73406 1s linear infinite;
|
||||
}
|
||||
.u-loading-flower.data-v-cba73406 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
-webkit-animation: a 1s steps(12) infinite;
|
||||
animation: u-flower-data-v-cba73406 1s steps(12) infinite;
|
||||
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
@-webkit-keyframes u-flower-data-v-cba73406 {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
@keyframes u-flower-data-v-cba73406 {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes u-circle-data-v-cba73406 {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"component": true
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="{{['u-mask','data-v-05e79e1a',(zoom)?'u-mask-zoom':'',(show)?'u-mask-show':'']}}" style="{{$root.s0}}" hover-stop-propagation="{{true}}" data-event-opts="{{[['tap',[['click',['$event']]]],['touchmove',[['e0',['$event']]]]]}}" bindtap="__e" catchtouchmove="__e"><slot></slot></view>
|
||||
@ -1,34 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-mask.data-v-05e79e1a {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
.u-mask-show.data-v-05e79e1a {
|
||||
opacity: 1;
|
||||
}
|
||||
.u-mask-zoom.data-v-05e79e1a {
|
||||
-webkit-transform: scale(1.2, 1.2);
|
||||
transform: scale(1.2, 1.2);
|
||||
}
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"u-popup": "/components/uview-ui/components/u-popup/u-popup",
|
||||
"u-loading": "/components/uview-ui/components/u-loading/u-loading"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="data-v-2ad97bc2"><u-popup vue-id="67d582c7-1" zoom="{{zoom}}" mode="center" popup="{{false}}" z-index="{{uZIndex}}" length="{{width}}" mask-close-able="{{maskCloseAble}}" border-radius="{{borderRadius}}" negative-top="{{negativeTop}}" value="{{value}}" data-event-opts="{{[['^close',[['popupClose']]],['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:close="__e" bind:input="__e" class="data-v-2ad97bc2" bind:__l="__l" vue-slots="{{['default']}}"><view class="u-model data-v-2ad97bc2"><block wx:if="{{showTitle}}"><view class="u-model__title u-line-1 data-v-2ad97bc2" style="{{$root.s0}}">{{title}}</view></block><view class="u-model__content data-v-2ad97bc2"><block wx:if="{{$slots.default||$slots.$default}}"><view style="{{$root.s1}}" class="data-v-2ad97bc2"><slot></slot></view></block><block wx:else><view class="u-model__content__message data-v-2ad97bc2" style="{{$root.s2}}">{{content}}</view></block></view><block wx:if="{{showCancelButton||showConfirmButton}}"><view class="u-model__footer u-border-top data-v-2ad97bc2"><block wx:if="{{showCancelButton}}"><view class="u-model__footer__button data-v-2ad97bc2" style="{{$root.s3}}" hover-stay-time="{{100}}" hover-class="u-model__btn--hover" data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" bindtap="__e">{{''+cancelText+''}}</view></block><block wx:if="{{showConfirmButton||$slots['confirm-button']}}"><view class="u-model__footer__button hairline-left data-v-2ad97bc2" style="{{$root.s4}}" hover-stay-time="{{100}}" hover-class="{{asyncClose?'none':'u-model__btn--hover'}}" data-event-opts="{{[['tap',[['confirm',['$event']]]]]}}" bindtap="__e"><block wx:if="{{$slots['confirm-button']}}"><slot name="confirm-button"></slot></block><block wx:else><block class="data-v-2ad97bc2"><block wx:if="{{loading}}"><u-loading vue-id="{{('67d582c7-2')+','+('67d582c7-1')}}" mode="circle" color="{{confirmColor}}" class="data-v-2ad97bc2" bind:__l="__l"></u-loading></block><block wx:else><block class="data-v-2ad97bc2">{{''+confirmText+''}}</block></block></block></block></view></block></view></block></view></u-popup></view>
|
||||
@ -1,51 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.u-model.data-v-2ad97bc2 {
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
font-size: 32rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
.u-model__btn--hover.data-v-2ad97bc2 {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
.u-model__title.data-v-2ad97bc2 {
|
||||
padding-top: 48rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
color: #303133;
|
||||
}
|
||||
.u-model__content__message.data-v-2ad97bc2 {
|
||||
padding: 48rpx;
|
||||
font-size: 30rpx;
|
||||
text-align: center;
|
||||
color: #606266;
|
||||
}
|
||||
.u-model__footer.data-v-2ad97bc2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.u-model__footer__button.data-v-2ad97bc2 {
|
||||
flex: 1;
|
||||
height: 100rpx;
|
||||
line-height: 100rpx;
|
||||
font-size: 32rpx;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<view class="data-v-41a564b3"><view class="{{['u-navbar','data-v-41a564b3',[(isFixed)?'u-navbar-fixed':'',(borderBottom)?'u-border-bottom':''],customClass]}}" style="{{$root.s0}}"><view class="u-status-bar data-v-41a564b3" style="{{'height:'+(statusBarHeight+'px')+';'}}"></view><view class="u-navbar-inner data-v-41a564b3" style="{{$root.s1}}"><view class="u-navbar-left data-v-41a564b3"><block wx:if="{{isBack}}"><view data-event-opts="{{[['tap',[['goBack',['$event']]]]]}}" class="u-back-wrap data-v-41a564b3" bindtap="__e"><view class="u-icon-wrap data-v-41a564b3"><u-icon vue-id="19f09a9a-1" name="{{backIconName}}" color="{{backIconColor}}" size="{{backIconSize}}" class="data-v-41a564b3" bind:__l="__l"></u-icon></view><block wx:if="{{backText}}"><view class="u-icon-wrap u-back-text u-line-1 data-v-41a564b3" style="{{$root.s2}}">{{backText}}</view></block></view></block><block wx:else><view class="u-back-wrap data-v-41a564b3"><slot name="left"></slot></view></block></view><block wx:if="{{title}}"><view class="u-navbar-content-title data-v-41a564b3" style="{{$root.s3}}"><view class="u-title u-line-1 data-v-41a564b3" style="{{'color:'+(titleColor)+';'+('font-size:'+(titleSize)+';')+('font-weight:'+(titleBold?'bold':'normal')+';')}}">{{''+title+''}}</view></view></block><view class="u-slot-content data-v-41a564b3"><slot></slot></view><view class="u-slot-right data-v-41a564b3"><slot name="right"></slot></view></view></view><block wx:if="{{isFixed&&!immersive}}"><view class="u-navbar-placeholder data-v-41a564b3" style="{{'width:'+('100%')+';'+('height:'+($root.m0+statusBarHeight+'px')+';')}}"></view></block></view>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user