修改茶艺师列表样式
This commit is contained in:
wangxiaowei
@ -1,16 +1,16 @@
|
|||||||
<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page -->
|
<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page -->
|
||||||
<route lang="jsonc" type="page">{
|
<route lang="jsonc" type="page">{
|
||||||
"needLogin": true,
|
"needLogin": true,
|
||||||
"layout": "tabbar",
|
"layout": "tabbar",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}</route>
|
}</route>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="home-bg">
|
<view class="home-bg">
|
||||||
<view class="home-bg w-[100%] sticky top-0 left-0 z-100">
|
<view class="home-bg w-[100%] sticky top-0 left-0 z-100">
|
||||||
<wd-navbar safeAreaInsetTop :bordered="false" custom-style="background-color: #fff !important;">
|
<wd-navbar safeAreaInsetTop :bordered="false" custom-style="background-color: #fff !important;">
|
||||||
<template #left>
|
<template #left>
|
||||||
<view class="flex items-center" @click="List.handleBack">
|
<view class="flex items-center" @click="List.handleBack">
|
||||||
<view class="mt-4rpx">
|
<view class="mt-4rpx">
|
||||||
@ -22,49 +22,45 @@
|
|||||||
</wd-navbar>
|
</wd-navbar>
|
||||||
|
|
||||||
<view class="search-box px-30rpx pb-10rpx pt-20rpx bg-[#fff]">
|
<view class="search-box px-30rpx pb-10rpx pt-20rpx bg-[#fff]">
|
||||||
<view class="w-full h-72rpx bg-[#F6F7F8] rounded-36rpx flex items-center pl-30rpx pr-6rpx">
|
<view class="w-full h-72rpx bg-[#F6F7F8] rounded-36rpx flex items-center pl-30rpx pr-6rpx">
|
||||||
<wd-icon name="search" size="32rpx" color="#C0C4CC"></wd-icon>
|
<wd-icon name="search" size="32rpx" color="#C0C4CC"></wd-icon>
|
||||||
<input
|
<input type="text" class="flex-1 ml-16rpx text-28rpx h-full bg-transparent" placeholder="茶艺师名称"
|
||||||
type="text"
|
placeholder-style="color: #C0C4CC" v-model="keywords" @confirm="List.handleSearch"
|
||||||
class="flex-1 ml-16rpx text-28rpx h-full bg-transparent"
|
confirm-type="search" />
|
||||||
placeholder="茶艺师名称"
|
|
||||||
placeholder-style="color: #C0C4CC"
|
|
||||||
v-model="keywords"
|
|
||||||
@confirm="List.handleSearch"
|
|
||||||
confirm-type="search"
|
|
||||||
/>
|
|
||||||
<view
|
<view
|
||||||
class="w-142rpx h-60rpx flex justify-center items-center rounded-30rpx bg-[#4C9F44] text-[#fff] text-28rpx"
|
class="w-142rpx h-60rpx flex justify-center items-center rounded-30rpx bg-[#4C9F44] text-[#fff] text-28rpx"
|
||||||
@click="List.handleSearch">
|
@click="List.handleSearch">
|
||||||
搜索
|
搜索
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 团体茶艺师预购 -->
|
<!-- 团体茶艺师预购 -->
|
||||||
<view class="flex items-center justify-center pt-20rpx bg-[#fff] pb-28rpx" @click="router.navigateTo('/bundle/reserve-group/reserve-group')">
|
<view class="flex items-center justify-center pt-20rpx bg-[#fff] pb-28rpx"
|
||||||
|
@click="router.navigateTo('/bundle/reserve-group/reserve-group')">
|
||||||
<wd-img :src="`${OSS}images/teaspecialist/image1.png`" width="690rpx" height="320rpx"></wd-img>
|
<wd-img :src="`${OSS}images/teaspecialist/image1.png`" width="690rpx" height="320rpx"></wd-img>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 茶艺师列表 -->
|
<!-- 茶艺师列表 -->
|
||||||
<view class="level-bg pt-28rpx">
|
<view class="level-bg pt-28rpx">
|
||||||
<!-- 茶艺师等级筛选 -->
|
<!-- 茶艺师等级筛选 -->
|
||||||
<view class="flex items-center text-#303133 overflow-x-auto whitespace-nowrap ml-30rpx mb-30rpx tea-level-scrollbar">
|
<view
|
||||||
<view
|
class="flex items-center text-#303133 overflow-x-auto whitespace-nowrap ml-30rpx mb-30rpx tea-level-scrollbar">
|
||||||
v-for="(item, index) in TeaSpecialistLevels" :key="index"
|
<view v-for="(item, index) in TeaSpecialistLevels" :key="index"
|
||||||
class="h-64rpx rounded-12rpx px-24rpx py-12rpx flex items-center justify-center font-400 text-28rpx mr-20rpx"
|
class="h-64rpx rounded-12rpx px-24rpx py-12rpx flex items-center justify-center font-400 text-28rpx mr-20rpx"
|
||||||
:class="selectedLevel.includes(item.level) ? 'border-2rpx border-solid border-[#4C9F44] text-[#4C9F44] bg-[#fff]' : 'bg-[#FFF] text-[#606266]'"
|
:class="selectedLevel.includes(item.level) ? 'border-2rpx border-solid border-[#4C9F44] text-[#4C9F44] bg-[#fff]' : 'bg-[#FFF] text-[#606266]'"
|
||||||
@click="List.handleToggleTeaSpecialistLevel(item.level)">
|
@click="List.handleToggleTeaSpecialistLevel(item.level)">
|
||||||
{{ item.label}}
|
{{ item.label }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<mescroll-body @init="mescrollInit" @down="downCallback" :down="downOption" @up="List.upCallback" :up="upOption" fixed>
|
<mescroll-body @init="mescrollInit" @down="downCallback" :down="downOption" @up="List.upCallback"
|
||||||
<view
|
:up="upOption" fixed>
|
||||||
class="flex items-center bg-white p-20rpx rounded-10rpx mx-30rpx mb-20rpx relative"
|
<view class="flex items-center bg-white p-20rpx rounded-10rpx mx-30rpx mb-20rpx relative"
|
||||||
v-for="(item, index) in list" :key="index" >
|
v-for="(item, index) in list" :key="index">
|
||||||
<view class="tea-specialist-time absolute z-3 top-6rpx left-0 bg-[#4C9F44] text-[#fff] font-400 text-18rpx flex items-center justify-center">
|
<view
|
||||||
|
class="tea-specialist-time absolute z-3 top-6rpx left-0 bg-[#4C9F44] text-[#fff] font-400 text-18rpx flex items-center justify-center">
|
||||||
<text v-if="item.state == 0">可约</text>
|
<text v-if="item.state == 0">可约</text>
|
||||||
<text v-if="item.state == 1">工作中</text>
|
<text v-if="item.state == 1">工作中</text>
|
||||||
<text v-if="item.state == 2">不可约</text>
|
<text v-if="item.state == 2">不可约</text>
|
||||||
@ -77,44 +73,59 @@
|
|||||||
<view class="font-bold text-[#303133] text-30rpx leading-42rpx mr-14rpx">
|
<view class="font-bold text-[#303133] text-30rpx leading-42rpx mr-14rpx">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view class="flex items-center">
|
||||||
<tea-specialist-level :level="item.level"></tea-specialist-level>
|
<wd-icon name="star-on" size="22rpx" color="#FF5951"></wd-icon>
|
||||||
|
<view class="font-400 text-24rpx text-[#FF5951] leading-34rpx ml-6rpx">5.0</view>
|
||||||
|
<!-- <tea-specialist-level :level="item.level"></tea-specialist-level> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex items-center">
|
<view class="flex items-center">
|
||||||
<!-- 到店服务标签 -->
|
<!-- 到店服务标签 -->
|
||||||
<view class="mr-12rpx" v-if="item.server_type == 1 || item.server_type == 3">
|
<view class="mr-12rpx" v-if="item.server_type == 1 || item.server_type == 3">
|
||||||
<wd-tag color="#F55726" bg-color="#F55726" plain custom-class="!rounded-4rpx">到店服务</wd-tag>
|
<wd-tag color="#F55726" bg-color="#F55726" plain
|
||||||
|
custom-class="!rounded-4rpx">到店服务</wd-tag>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 上门服务标签 -->
|
<!-- 上门服务标签 -->
|
||||||
<view class="mr-12rpx" v-if="item.server_type == 2 || item.server_type == 3">
|
<view class="mr-12rpx" v-if="item.server_type == 2 || item.server_type == 3">
|
||||||
<wd-tag color="#40AE36" bg-color="#40AE36" plain custom-class="!rounded-4rpx">上门服务</wd-tag>
|
<wd-tag color="#40AE36" bg-color="#40AE36" plain
|
||||||
|
custom-class="!rounded-4rpx">上门服务</wd-tag>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="mr-12rpx">
|
<view class="mr-12rpx">
|
||||||
<wd-tag color="#818CA9" bg-color="#F3F3F3">{{ item.both }}岁</wd-tag>
|
<wd-tag color="#818CA9" bg-color="#F3F3F3">{{ item.both }}岁</wd-tag>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex items-center mt-8rpx">
|
<view class="flex items-center mt-8rpx">
|
||||||
<wd-img :src="item.sex == 1 ? `${OSS}icon/icon_man.png` : `${OSS}icon/icon_woman.png`" width="28rpx" height="28rpx"></wd-img>
|
<wd-img :src="item.sex == 1 ? `${OSS}icon/icon_man.png` : `${OSS}icon/icon_woman.png`"
|
||||||
|
width="28rpx" height="28rpx"></wd-img>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<view class="flex flex-wrap items-center mt-14rpx">
|
||||||
|
<view
|
||||||
|
class="mr-8rpx bg-[#4C9F44] text-[#fff] px-10rpx leading-34rpx font-400 text-24rpx rounded-4rpx">
|
||||||
|
123</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="flex items-center justify-between mt-18rpx">
|
<view class="flex items-center justify-between mt-18rpx">
|
||||||
<view class="mr-20rpx w-200rpx">
|
<view class="mr-20rpx w-200rpx">
|
||||||
<view class="flex items-center">
|
<view class="flex items-center">
|
||||||
<view class="flex items-center">
|
<view class="flex items-center">
|
||||||
<wd-img :src="`${OSS}icon/icon_store_cert.png`" width="36rpx" height="36rpx"></wd-img>
|
<wd-img :src="`${OSS}icon/icon_store_cert.png`" width="36rpx"
|
||||||
|
height="36rpx"></wd-img>
|
||||||
</view>
|
</view>
|
||||||
<text class="ml-8rpx font-400 text-24rpx leading-4rpx text-#303133">商家认证</text>
|
<text class="ml-8rpx font-400 text-24rpx leading-4rpx text-#303133">商家认证</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex items-center font-400 text-24rpx leading-34rpx text-#92928C">距您{{ item.distance }}km</view>
|
<view class="flex items-center font-400 text-24rpx leading-34rpx text-#92928C">距您{{
|
||||||
|
item.distance
|
||||||
|
}}km</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="font-400 text-[#FF5951] text-26rpx leading-40rpx flex items-center justify-between mt-4rpx">
|
<view
|
||||||
|
class="font-400 text-[#FF5951] text-26rpx leading-40rpx flex items-center justify-between mt-4rpx">
|
||||||
<view class="">
|
<view class="">
|
||||||
<text class="text-32rpx">￥{{ item.price }}</text>
|
<text class="text-32rpx">￥{{ item.price }}</text>
|
||||||
<text class="text-24rpx">/小时</text>
|
<text class="text-24rpx">/小时</text>
|
||||||
@ -129,181 +140,181 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { useToast } from 'wot-design-uni'
|
import { useToast } from 'wot-design-uni'
|
||||||
import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
|
import { onPageScroll, onReachBottom } from '@dcloudio/uni-app'
|
||||||
import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js"
|
import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js"
|
||||||
import { router, previewImage } from '@/utils/tools'
|
import { router, previewImage } from '@/utils/tools'
|
||||||
import { getTeaSpecialist } from '@/api/tea-specialist'
|
import { getTeaSpecialist } from '@/api/tea-specialist'
|
||||||
import TeaSpecialistLevel from '@/components/TeaSpecialistLevel.vue'
|
import TeaSpecialistLevel from '@/components/TeaSpecialistLevel.vue'
|
||||||
import type { ITeaSpecialistResult } from '@/api/types/tea-specialist'
|
import type { ITeaSpecialistResult } from '@/api/types/tea-specialist'
|
||||||
import {TeaSpecialistLevelValue, TeaSpecialistLevels} from '@/utils/teaSpecialist'
|
import { TeaSpecialistLevelValue, TeaSpecialistLevels } from '@/utils/teaSpecialist'
|
||||||
|
|
||||||
const OSS = inject('OSS')
|
const OSS = inject('OSS')
|
||||||
const navbarHeight = inject('navbarHeight')
|
const navbarHeight = inject('navbarHeight')
|
||||||
const toast = useToast()
|
const toast = useToast()
|
||||||
|
|
||||||
// 茶艺师等级
|
// 茶艺师等级
|
||||||
const selectedLevel = ref<Array<any>>([]) // 选择茶艺师的点击等级
|
const selectedLevel = ref<Array<any>>([]) // 选择茶艺师的点击等级
|
||||||
|
|
||||||
// mescroll
|
// mescroll
|
||||||
const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom) // 调用mescroll的hook
|
const { mescrollInit, downCallback, getMescroll } = useMescroll(onPageScroll, onReachBottom) // 调用mescroll的hook
|
||||||
const downOption = {
|
const downOption = {
|
||||||
auto: true
|
auto: true
|
||||||
}
|
}
|
||||||
const upOption = {
|
const upOption = {
|
||||||
empty: {
|
empty: {
|
||||||
icon : OSS + 'icon/icon_reserver_empty.png',
|
icon: OSS + 'icon/icon_reserver_empty.png',
|
||||||
tip: '暂无预约信息',
|
tip: '暂无预约信息',
|
||||||
},
|
},
|
||||||
auto: true,
|
auto: true,
|
||||||
textNoMore: '~ 已经到底啦 ~', //无更多数据的提示
|
textNoMore: '~ 已经到底啦 ~', //无更多数据的提示
|
||||||
}
|
}
|
||||||
const orderStatus = ref<string>('')
|
const orderStatus = ref<string>('')
|
||||||
const list = ref<Array<any>>([]) // 茶室列表
|
const list = ref<Array<any>>([]) // 茶室列表
|
||||||
const keywords = ref<string>('') // 搜索关键词
|
const keywords = ref<string>('') // 搜索关键词
|
||||||
|
|
||||||
onLoad(async () => {
|
onLoad(async () => {
|
||||||
uni.$on('refreshTeaSpecialist', () => {
|
uni.$on('refreshTeaSpecialist', () => {
|
||||||
list.value = []
|
list.value = []
|
||||||
getMescroll().resetUpScroll()
|
getMescroll().resetUpScroll()
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
onUnload(() => {
|
|
||||||
uni.$off('refreshTeaSpecialist')
|
|
||||||
})
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// 茶室分享（仅页面右上角分享，无需按钮分享）
|
onUnload(() => {
|
||||||
onShareAppMessage(() => {
|
uni.$off('refreshTeaSpecialist')
|
||||||
return {
|
})
|
||||||
title: '茶艺师列表',
|
|
||||||
path: `/bundle_b/pages/tea-specialist/list`,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const List = {
|
// 茶室分享（仅页面右上角分享，无需按钮分享）
|
||||||
/**
|
onShareAppMessage(() => {
|
||||||
* 筛选表
|
return {
|
||||||
*/
|
title: '茶艺师列表',
|
||||||
upCallback: (mescroll) => {
|
path: `/bundle_b/pages/tea-specialist/list`,
|
||||||
const filter = {
|
|
||||||
level: selectedLevel.value.join(',') || '',
|
|
||||||
page: mescroll.num,
|
|
||||||
size: mescroll.size,
|
|
||||||
latitude: uni.getStorageSync('latitude') || import.meta.env.VITE_DEFAULT_LATITUDE,
|
|
||||||
longitude: uni.getStorageSync('longitude') || import.meta.env.VITE_DEFAULT_LONGITUDE,
|
|
||||||
search: keywords.value
|
|
||||||
}
|
|
||||||
|
|
||||||
getTeaSpecialist(filter).then((res: ITeaSpecialistResult) => {
|
|
||||||
const curPageData = res.list || [] // 当前页数据
|
|
||||||
if(mescroll.num == 1) list.value = [] // 第一页需手动制空列表
|
|
||||||
list.value = list.value.concat(curPageData) //追加新数据
|
|
||||||
mescroll.endSuccess(curPageData.length, Boolean(res.more))
|
|
||||||
}).catch(() => {
|
|
||||||
mescroll.endErr() // 请求失败, 结束加载
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 预约茶艺师
|
|
||||||
* @param id
|
|
||||||
* @param state 茶艺师状态： 0：可约 1：工作中
|
|
||||||
*/
|
|
||||||
handleReserveTeaSpecialist: (id: number, state: number) => {
|
|
||||||
router.navigateTo(`/bundle_b/pages/tea-specialist/detail?id=${id}`)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取茶艺师等级
|
|
||||||
* @param value
|
|
||||||
*/
|
|
||||||
handleToggleTeaSpecialistLevel: (value: any) => {
|
|
||||||
const index = selectedLevel.value.indexOf(value);
|
|
||||||
if (index > -1) {
|
|
||||||
// 如果已经选择了该等级，则取消选择
|
|
||||||
selectedLevel.value.splice(index, 1);
|
|
||||||
} else {
|
|
||||||
// 如果未选择该等级，则添加选择
|
|
||||||
selectedLevel.value.push(value);
|
|
||||||
}
|
|
||||||
|
|
||||||
List.handleSearch()
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 搜索茶艺师列表
|
|
||||||
*/
|
|
||||||
handleSearch: () => {
|
|
||||||
list.value = []
|
|
||||||
getMescroll().resetUpScroll()
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 分享的页面没有栈，所以需要switch方法跳转
|
|
||||||
*/
|
|
||||||
handleBack: () => {
|
|
||||||
router.navigateBack().catch(err => {
|
|
||||||
router.switchTab('/pages/index/index')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 预览图片
|
|
||||||
*/
|
|
||||||
handlePreviewImage: (img: any) => {
|
|
||||||
previewImage(img, [img])
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const List = {
|
||||||
|
/**
|
||||||
|
* 筛选表
|
||||||
|
*/
|
||||||
|
upCallback: (mescroll) => {
|
||||||
|
const filter = {
|
||||||
|
level: selectedLevel.value.join(',') || '',
|
||||||
|
page: mescroll.num,
|
||||||
|
size: mescroll.size,
|
||||||
|
latitude: uni.getStorageSync('latitude') || import.meta.env.VITE_DEFAULT_LATITUDE,
|
||||||
|
longitude: uni.getStorageSync('longitude') || import.meta.env.VITE_DEFAULT_LONGITUDE,
|
||||||
|
search: keywords.value
|
||||||
|
}
|
||||||
|
|
||||||
|
getTeaSpecialist(filter).then((res: ITeaSpecialistResult) => {
|
||||||
|
const curPageData = res.list || [] // 当前页数据
|
||||||
|
if (mescroll.num == 1) list.value = [] // 第一页需手动制空列表
|
||||||
|
list.value = list.value.concat(curPageData) //追加新数据
|
||||||
|
mescroll.endSuccess(curPageData.length, Boolean(res.more))
|
||||||
|
}).catch(() => {
|
||||||
|
mescroll.endErr() // 请求失败, 结束加载
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预约茶艺师
|
||||||
|
* @param id
|
||||||
|
* @param state 茶艺师状态： 0：可约 1：工作中
|
||||||
|
*/
|
||||||
|
handleReserveTeaSpecialist: (id: number, state: number) => {
|
||||||
|
router.navigateTo(`/bundle_b/pages/tea-specialist/detail?id=${id}`)
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取茶艺师等级
|
||||||
|
* @param value
|
||||||
|
*/
|
||||||
|
handleToggleTeaSpecialistLevel: (value: any) => {
|
||||||
|
const index = selectedLevel.value.indexOf(value);
|
||||||
|
if (index > -1) {
|
||||||
|
// 如果已经选择了该等级，则取消选择
|
||||||
|
selectedLevel.value.splice(index, 1);
|
||||||
|
} else {
|
||||||
|
// 如果未选择该等级，则添加选择
|
||||||
|
selectedLevel.value.push(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
List.handleSearch()
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 搜索茶艺师列表
|
||||||
|
*/
|
||||||
|
handleSearch: () => {
|
||||||
|
list.value = []
|
||||||
|
getMescroll().resetUpScroll()
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 分享的页面没有栈，所以需要switch方法跳转
|
||||||
|
*/
|
||||||
|
handleBack: () => {
|
||||||
|
router.navigateBack().catch(err => {
|
||||||
|
router.switchTab('/pages/index/index')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 预览图片
|
||||||
|
*/
|
||||||
|
handlePreviewImage: (img: any) => {
|
||||||
|
previewImage(img, [img])
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
page {
|
page {
|
||||||
background-color: $cz-page-background;
|
background-color: $cz-page-background;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-bg {
|
||||||
|
background-color: $cz-page-background;
|
||||||
|
// background-image: url(#{$OSS}images/home/home_bg.png);
|
||||||
|
background-size: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box {
|
||||||
|
:deep() {
|
||||||
|
.wd-search {
|
||||||
|
background: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wd-search__search-left-icon {
|
||||||
|
color: #999 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.home-bg {
|
.ele-center {
|
||||||
background-color: $cz-page-background;
|
left: 50%;
|
||||||
// background-image: url(#{$OSS}images/home/home_bg.png);
|
transform: translateX(-50%);
|
||||||
background-size: 100%;
|
}
|
||||||
background-repeat: no-repeat;
|
|
||||||
|
// 隐藏横向滚动条
|
||||||
|
.tea-level-scrollbar {
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.search-box {
|
.tea-specialist-time {
|
||||||
:deep() {
|
border-radius: 0rpx 50rpx 50rpx 0rpx;
|
||||||
.wd-search {
|
min-width: 80rpx;
|
||||||
background: #fff !important;
|
height: 38rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wd-search__search-left-icon {
|
.level-bg {
|
||||||
color: #999 !important;
|
background: linear-gradient(180deg, #E9FFF1 0%, #F6F7F8 100%) no-repeat;
|
||||||
}
|
background-size: 100% 220rpx;
|
||||||
}
|
border-radius: 20rpx 20rpx 0rpx 0rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ele-center {
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 隐藏横向滚动条
|
|
||||||
.tea-level-scrollbar {
|
|
||||||
&::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
-ms-overflow-style: none;
|
|
||||||
scrollbar-width: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tea-specialist-time {
|
|
||||||
border-radius: 0rpx 50rpx 50rpx 0rpx;
|
|
||||||
min-width: 80rpx;
|
|
||||||
height: 38rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.level-bg {
|
|
||||||
background: linear-gradient( 180deg, #E9FFF1 0%, #F6F7F8 100%) no-repeat;
|
|
||||||
background-size: 100% 220rpx;
|
|
||||||
border-radius: 20rpx 20rpx 0rpx 0rpx;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user