提交
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user