| | |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | <style lang="scss"> |
| | | page { |
| | | background-color: #f7f7f7 !important; |
| | | } |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | .active { |
| | | border: 1rpx solid #279baa !important; |
| | | color: #279baa !important; |
| | | border: 1rpx solid $uni-color-primary !important; |
| | | color: $uni-color-primary !important; |
| | | } |
| | | .box_head_item { |
| | | padding: 0 30rpx; |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .loading { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | .success { |
| | | color: #03c68f; |
| | |
| | | } |
| | | .text { |
| | | font-size: 30rpx; |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | padding: 20rpx 0 30rpx; |
| | | } |
| | | } |
| | |
| | | } |
| | | } |
| | | .head_padding { |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | .h1 { |
| | | color: #ffffff; |
| | | } |
| | |
| | | .head_success { |
| | | background: #e8f4f6; |
| | | .h1 { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | .h2 { |
| | | color: #333333; |
| | |
| | | width: 144rpx; |
| | | height: 56rpx; |
| | | border-radius: 36rpx; |
| | | border: 1rpx solid #279baa; |
| | | border: 1rpx solid $uni-color-primary; |
| | | font-size: 26rpx; |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | font-weight: 500; |
| | | font-size: 28rpx; |
| | | width: 192rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | height: 48rpx; |
| | | line-height: 48rpx; |
| | | text-align: center; |
| | |
| | | color: #222222; |
| | | } |
| | | .status{ |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | font-weight: 500; |
| | | .time{ |
| | | font-size: 24rpx; |
| | |
| | | line-height: 68rpx; |
| | | padding: 0 34rpx; |
| | | color: #FFFFFF; |
| | | background: #279BAA; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(39,155,170,0.4); |
| | | border-radius: 40rpx; |
| | | } |
| | |
| | | } |
| | | .cyan{ |
| | | .h2{ |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | } |
| | |
| | | height: 50rpx; |
| | | line-height: 50rpx; |
| | | padding: 0 20rpx; |
| | | background: #279BAA; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | border-radius: 0rpx 8rpx 0rpx 25rpx; |
| | |
| | | } |
| | | .padding{ |
| | | background: #E9F5F6; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | .avatar{ |
| | | width: 84rpx; |
| | |
| | | .time{ |
| | | display: flex; |
| | | align-items: center; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | } |
| | |
| | | color: #777777; |
| | | |
| | | .status { |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | padding: 0 32rpx; |
| | | border-radius: 0rpx 0rpx 0rpx 30rpx; |
| | | background-color: #e9edff; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .agree { |
| | | background: #279BAA; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | border: 1rpx solid #279BAA; |
| | | border: 1rpx solid $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .copy { |
| | | font-size: 26rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | |
| | | .btn { |
| | | font-size: 28rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | display: flex; |
| | | } |
| | | } |
| | |
| | | padding: 0 24rpx; |
| | | border-radius: 34rpx 0rpx 0rpx 34rpx; |
| | | font-size: 26rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .check { |
| | | background: #279BAA; |
| | | border: 1rpx solid #279BAA; |
| | | background: $uni-color-primary; |
| | | border: 1rpx solid $uni-color-primary; |
| | | color: #fff; |
| | | } |
| | | } |
| | |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | |
| | |
| | | <view class="value"> |
| | | <view class="">0 公里</view> |
| | | <view class="btn" @click="getLocation"> |
| | | <u-icon name="map" color="#279BAA" class="mr6"></u-icon> |
| | | <u-icon name="map" color="#279baa" class="mr6"></u-icon> |
| | | 重新定位 |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | .btn{ |
| | | font-size: 28rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | display: flex; |
| | | } |
| | | } |
| | |
| | | padding: 0 24rpx; |
| | | border-radius: 34rpx 0rpx 0rpx 34rpx; |
| | | font-size: 26rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | |
| | | } |
| | | } |
| | |
| | | border: 1rpx solid #999999; |
| | | } |
| | | .check{ |
| | | background: #279BAA; |
| | | border: 1rpx solid #279BAA; |
| | | background: $uni-color-primary; |
| | | border: 1rpx solid $uni-color-primary; |
| | | color: #fff; |
| | | } |
| | | } |
| | |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .address{ |
| | |
| | | width: 144rpx; |
| | | height: 56rpx; |
| | | border-radius: 36rpx; |
| | | border: 1rpx solid #279baa; |
| | | border: 1rpx solid $uni-color-primary; |
| | | font-size: 26rpx; |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | padding: 0;
|
| | | background-color: #f7f7f7;
|
| | | ::v-deep .uni-calendar-item--checked {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | border-radius: 8rpx;
|
| | | }
|
| | | ::v-deep .uni-calendar-item--isDay-text {
|
| | | color: #279baa;
|
| | | color: $uni-color-primary;
|
| | | }
|
| | | ::v-deep .uni-calendar-item--isDay {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | color: #fff;
|
| | | border-radius: 8rpx;
|
| | | }
|
| | |
| | | font-size: 30rpx;
|
| | | color: #222222;
|
| | | .line {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | .icon {
|
| | | width: 6rpx;
|
| | | height: 32rpx;
|
| | | background: #279baa;
|
| | | background: $uni-color-primary;
|
| | | border-radius: 4rpx;
|
| | | margin-right: 16rpx;
|
| | | }
|
| | |
| | | padding-top: 20rpx;
|
| | | box-sizing: border-box;
|
| | | }
|
| | | </style> |
| | | </style>
|
| | |
| | | } |
| | | |
| | | .agree { |
| | | background: #279BAA; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | border: 1rpx solid #279BAA; |
| | | border: 1rpx solid $uni-color-primary; |
| | | } |
| | | } |
| | | .empty{ |
| | |
| | | padding: 0;
|
| | | background-color: #f7f7f7;
|
| | | ::v-deep .uni-calendar-item--checked {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | border-radius: 8rpx;
|
| | | }
|
| | | ::v-deep .uni-calendar-item--isDay-text {
|
| | | color: #279baa;
|
| | | color: $uni-color-primary;
|
| | | }
|
| | | ::v-deep .calendar-point {
|
| | | /* background-color: #279baa; */
|
| | | /* background-color: $uni-color-primary; */
|
| | | }
|
| | |
|
| | | ::v-deep .uni-calendar-item--isDay {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | color: #fff;
|
| | | border-radius: 8rpx;
|
| | | }
|
| | |
| | | font-size: 30rpx;
|
| | | color: #222222;
|
| | | .line {
|
| | | background-color: #279baa;
|
| | | background-color: $uni-color-primary;
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | .icon {
|
| | | width: 6rpx;
|
| | | height: 32rpx;
|
| | | background: #279baa;
|
| | | background: $uni-color-primary;
|
| | | border-radius: 4rpx;
|
| | | margin-right: 16rpx;
|
| | | }
|
| | |
| | | font-weight: 600; |
| | | } |
| | | .btn { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | .modal_mem_list { |
| | |
| | | align-items: center; |
| | | .members { |
| | | width: 500rpx; |
| | | color: #4d98a7; |
| | | color: $uni-color-primary; |
| | | white-space: nowrap; |
| | | overflow: hidden; //文本超出隐藏 |
| | | text-overflow: ellipsis; |
| | |
| | | width: 690rpx; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | border-radius: 44rpx; |
| | | color: #fff; |
| | | text-align: center; |
| | |
| | | timeList: [], |
| | | |
| | | colorOptions: [ |
| | | { color: '#279BAA', name: '已选择' }, |
| | | { color: '#279baa', name: '已选择' }, |
| | | { color: '#F7F7F7', name: '可预约' }, |
| | | { color: '#cccccc', name: '不可预约' }, |
| | | ] |
| | |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | border-radius: 44rpx; |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | |
| | | padding: 20rpx 30rpx 84rpx; |
| | | box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee; |
| | | .sel_time { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | .btns { |
| | | margin-top: 10rpx; |
| | |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee; |
| | | border-radius: 36rpx; |
| | | font-size: 30rpx; |
| | |
| | | font-size: 30rpx; |
| | | } |
| | | .active { |
| | | background-color: #279baa; |
| | | background-color: $uni-color-primary; |
| | | color: #fff; |
| | | } |
| | | .disable { |
| | |
| | | } |
| | | } |
| | | .active { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | .line { |
| | | width: 60rpx; |
| | | height: 4rpx; |
| | | background-color: #279baa; |
| | | background-color: $uni-color-primary; |
| | | margin: 26rpx auto 0; |
| | | } |
| | | } |
| | |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee; |
| | | border-radius: 36rpx; |
| | | font-size: 30rpx; |
| | |
| | | font-weight: 600; |
| | | } |
| | | .btn { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | .modal_mem_list { |
| | |
| | | align-items: center; |
| | | .members { |
| | | width: 500rpx; |
| | | color: #4d98a7; |
| | | color: $uni-color-primary; |
| | | white-space: nowrap; |
| | | overflow: hidden; //文本超出隐藏 |
| | | text-overflow: ellipsis; |
| | |
| | | width: 690rpx; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | border-radius: 44rpx; |
| | | color: #fff; |
| | | text-align: center; |
| | |
| | | padding: 0 32rpx; |
| | | height: 60rpx; |
| | | line-height: 60rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | font-size: 26rpx; |
| | | font-weight: 300; |
| | |
| | | color: #777777; |
| | | |
| | | .status { |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | padding: 0 32rpx; |
| | | border-radius: 0rpx 0rpx 0rpx 30rpx; |
| | | background-color: #e9edff; |
| | | color: #279BAA; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .agree { |
| | | background: #279BAA; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | border: 1rpx solid #279BAA; |
| | | border: 1rpx solid $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | font-weight: 600; |
| | | } |
| | | .btn { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | .modal_mem_list { |
| | |
| | | align-items: center; |
| | | .members { |
| | | width: 500rpx; |
| | | color: #4d98a7; |
| | | color: $uni-color-primary; |
| | | white-space: nowrap; |
| | | overflow: hidden; //文本超出隐藏 |
| | | text-overflow: ellipsis; |
| | |
| | | width: 690rpx; |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | border-radius: 44rpx; |
| | | color: #fff; |
| | | text-align: center; |
| | |
| | | height: 88rpx; |
| | | line-height: 88rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee; |
| | | border-radius: 44rpx; |
| | | font-size: 30rpx; |
| | |
| | | color: #777777; |
| | | |
| | | .status { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | padding: 0 32rpx; |
| | | border-radius: 0rpx 0rpx 0rpx 30rpx; |
| | | background-color: #e9edff; |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .agree { |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | color: #fff; |
| | | border: 1rpx solid #279baa; |
| | | border: 1rpx solid $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | |
| | | selDatetime: '', |
| | | |
| | | colorOptions: [ |
| | | { color: '#279BAA', name: '已选择' }, |
| | | { color: '#279baa', name: '已选择' }, |
| | | { color: '#F7F7F7', name: '可预约' }, |
| | | { color: '#cccccc', name: '不可预约' }, |
| | | ] |
| | |
| | | padding: 20rpx 30rpx 84rpx; |
| | | box-shadow: 0rpx -3rpx 6rpx 0rpx #eeeeee; |
| | | .sel_time { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | .btns { |
| | | margin-top: 10rpx; |
| | |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee; |
| | | border-radius: 36rpx; |
| | | font-size: 30rpx; |
| | |
| | | font-size: 30rpx; |
| | | } |
| | | .active { |
| | | background-color: #279baa; |
| | | background-color: $uni-color-primary; |
| | | color: #fff; |
| | | } |
| | | .disable { |
| | |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | | text-align: center; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx -1rpx 0rpx 0rpx #eeeeee; |
| | | border-radius: 36rpx; |
| | | font-size: 30rpx; |
| | | color: #ffffff; |
| | | } |
| | | .sel { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | flex: 1; |
| | | } |
| | | } |
| | |
| | | height: 40rpx; |
| | | } |
| | | .captcha { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | input { |
| | | flex: 1; |
| | |
| | | box-sizing: border-box; |
| | | margin-top: 80rpx; |
| | | .for_psd { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | margin-top: 40rpx; |
| | | width: 140rpx; |
| | | text-align: center; |
| | |
| | | .login_btn_n { |
| | | width: 100%; |
| | | height: 98rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39, 155, 170, 0.2); |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | text-align: center; |
| | | bottom: 108rpx; |
| | | .deal { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | } |
| | |
| | | box-sizing: border-box; |
| | | margin-top: 80rpx; |
| | | .for_psd { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | margin-top: 40rpx; |
| | | width: 140rpx; |
| | | text-align: center; |
| | |
| | | .login_btn_n { |
| | | width: 100%; |
| | | height: 98rpx; |
| | | background: #279baa; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39, 155, 170, 0.2); |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | text-align: center; |
| | | bottom: 108rpx; |
| | | .deal { |
| | | color: #279baa; |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | } |
| | |
| | | /* 颜色变量 */ |
| | | |
| | | /* 行为相关颜色 */ |
| | | $uni-color-primary: #007aff; |
| | | $uni-color-primary: #4d98a7; |
| | | $uni-color-success: #4cd964; |
| | | $uni-color-warning: #f0ad4e; |
| | | $uni-color-error: #dd524d; |