|
|
|
@ -1,165 +1,174 @@
|
|
|
|
<script setup>
|
|
|
|
<script setup>
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* name：
|
|
|
|
* name：
|
|
|
|
* user：sa0ChunLuyu
|
|
|
|
* user：sa0ChunLuyu
|
|
|
|
* date：2024年8月7日 20:05:05
|
|
|
|
* date：2024年8月7日 20:05:05
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
import {
|
|
|
|
import { ref, computed } from "vue";
|
|
|
|
ref,
|
|
|
|
import { $image, $api, $response } from "@/api";
|
|
|
|
computed
|
|
|
|
import { onShow } from "@dcloudio/uni-app";
|
|
|
|
} from 'vue'
|
|
|
|
import { useStore } from "@/store";
|
|
|
|
import {
|
|
|
|
const $store = useStore();
|
|
|
|
$image,
|
|
|
|
|
|
|
|
$api,
|
|
|
|
const $props = defineProps({
|
|
|
|
$response
|
|
|
|
groupId: {
|
|
|
|
} from '@/api'
|
|
|
|
type: String,
|
|
|
|
import {
|
|
|
|
default: "",
|
|
|
|
onShow
|
|
|
|
},
|
|
|
|
} from '@dcloudio/uni-app'
|
|
|
|
});
|
|
|
|
import {
|
|
|
|
|
|
|
|
useStore
|
|
|
|
const combo_active = ref("");
|
|
|
|
} from '@/store'
|
|
|
|
const person_active = ref("");
|
|
|
|
const $store = useStore()
|
|
|
|
const selectItemClick = (type, value) => {
|
|
|
|
|
|
|
|
select_active.value[type] = value;
|
|
|
|
const combo_active = ref('')
|
|
|
|
};
|
|
|
|
const person_active = ref('')
|
|
|
|
const selectDone = () => {
|
|
|
|
const selectItemClick = (type, value) => {
|
|
|
|
combo_active.value = select_active.value.combo;
|
|
|
|
select_active.value[type] = value
|
|
|
|
person_active.value = select_active.value.person;
|
|
|
|
}
|
|
|
|
select_drawer_ref.value.close();
|
|
|
|
const selectDone = () => {
|
|
|
|
};
|
|
|
|
combo_active.value = select_active.value.combo
|
|
|
|
const clearSelectClick = () => {
|
|
|
|
person_active.value = select_active.value.person
|
|
|
|
combo_active.value = "";
|
|
|
|
select_drawer_ref.value.close()
|
|
|
|
person_active.value = "";
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const clearSelectClick = () => {
|
|
|
|
const combo_select = ref({
|
|
|
|
combo_active.value = ''
|
|
|
|
|
|
|
|
person_active.value = ''
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
const combo_select = ref({
|
|
|
|
|
|
|
|
combo: [],
|
|
|
|
combo: [],
|
|
|
|
person: [],
|
|
|
|
person: [],
|
|
|
|
})
|
|
|
|
});
|
|
|
|
const comboActiveName = () => {
|
|
|
|
const comboActiveName = () => {
|
|
|
|
for (let i in combo_select.value.combo) {
|
|
|
|
for (let i in combo_select.value.combo) {
|
|
|
|
if (combo_select.value.combo[i].value === combo_active.value) {
|
|
|
|
if (combo_select.value.combo[i].value === combo_active.value) {
|
|
|
|
return combo_select.value.combo[i].label
|
|
|
|
return combo_select.value.combo[i].label;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return '套餐类型'
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const personActiveName = () => {
|
|
|
|
return "套餐类型";
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
const personActiveName = () => {
|
|
|
|
for (let i in combo_select.value.person) {
|
|
|
|
for (let i in combo_select.value.person) {
|
|
|
|
if (combo_select.value.person[i].value === person_active.value) {
|
|
|
|
if (combo_select.value.person[i].value === person_active.value) {
|
|
|
|
return combo_select.value.person[i].label
|
|
|
|
return combo_select.value.person[i].label;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return '适用人群'
|
|
|
|
return "适用人群";
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const getComboSelect = async () => {
|
|
|
|
const getComboSelect = async () => {
|
|
|
|
uni.showLoading()
|
|
|
|
uni.showLoading();
|
|
|
|
const response = await $api('ComboSelect')
|
|
|
|
const response = await $api("ComboSelect");
|
|
|
|
uni.hideLoading()
|
|
|
|
uni.hideLoading();
|
|
|
|
$response(response, () => {
|
|
|
|
$response(response, () => {
|
|
|
|
combo_select.value = response.data
|
|
|
|
combo_select.value = response.data;
|
|
|
|
getComboList()
|
|
|
|
getComboList();
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const combo_list = ref({
|
|
|
|
const combo_list = ref({
|
|
|
|
list: [],
|
|
|
|
list: [],
|
|
|
|
hospital: {
|
|
|
|
hospital: {
|
|
|
|
id: 0
|
|
|
|
id: 0,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
doctor: {
|
|
|
|
doctor: {
|
|
|
|
id: 0
|
|
|
|
id: 0,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
info: {
|
|
|
|
info: {
|
|
|
|
name: ''
|
|
|
|
name: "",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
})
|
|
|
|
});
|
|
|
|
const combo_list_computed = computed(() => {
|
|
|
|
const combo_list_computed = computed(() => {
|
|
|
|
let list = []
|
|
|
|
let list = [];
|
|
|
|
for (let i in combo_list.value.list) {
|
|
|
|
for (let i in combo_list.value.list) {
|
|
|
|
let push = false
|
|
|
|
let push = false;
|
|
|
|
if (!combo_active.value) {
|
|
|
|
if (!combo_active.value) {
|
|
|
|
push = true
|
|
|
|
push = true;
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if (combo_list.value.list[i].combo_type === combo_active.value) {
|
|
|
|
if (combo_list.value.list[i].combo_type === combo_active.value) {
|
|
|
|
push = true
|
|
|
|
push = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (!!push) {
|
|
|
|
if (!!push) {
|
|
|
|
if (!person_active.value) {
|
|
|
|
if (!person_active.value) {
|
|
|
|
push = true
|
|
|
|
push = true;
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if (combo_list.value.list[i].person_type === person_active.value) {
|
|
|
|
if (combo_list.value.list[i].person_type === person_active.value) {
|
|
|
|
push = true
|
|
|
|
push = true;
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
push = false
|
|
|
|
push = false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (!!push) {
|
|
|
|
if (!!push) {
|
|
|
|
list.push(combo_list.value.list[i])
|
|
|
|
list.push(combo_list.value.list[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return list
|
|
|
|
return list;
|
|
|
|
})
|
|
|
|
});
|
|
|
|
const getComboList = async () => {
|
|
|
|
const getComboList = async () => {
|
|
|
|
uni.showLoading()
|
|
|
|
uni.showLoading();
|
|
|
|
const response = await $api('ComboList', {
|
|
|
|
const response = await $api("ComboList", {
|
|
|
|
doctor: $store.save.doctor,
|
|
|
|
doctor: $store.save.doctor,
|
|
|
|
hospital: hospital_active.value,
|
|
|
|
hospital: hospital_active.value,
|
|
|
|
})
|
|
|
|
});
|
|
|
|
uni.hideLoading()
|
|
|
|
uni.hideLoading();
|
|
|
|
$response(response, () => {
|
|
|
|
$response(response, () => {
|
|
|
|
combo_list.value = response.data
|
|
|
|
combo_list.value = response.data;
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const hospital_active = ref(0)
|
|
|
|
const hospital_active = ref(0);
|
|
|
|
const checkHospital = () => {
|
|
|
|
const checkHospital = () => {
|
|
|
|
let hospital_id = $store.save.hospital
|
|
|
|
let hospital_id = $store.save.hospital;
|
|
|
|
if (!hospital_id) {
|
|
|
|
if (!hospital_id) {
|
|
|
|
hospital_id = $store.config.hospital[0].id
|
|
|
|
hospital_id = $store.config.hospital[0].id;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
hospital_active.value = hospital_id
|
|
|
|
hospital_active.value = hospital_id;
|
|
|
|
$store.saveInfo({
|
|
|
|
$store.saveInfo({
|
|
|
|
hospital: hospital_id
|
|
|
|
hospital: hospital_id,
|
|
|
|
})
|
|
|
|
});
|
|
|
|
getComboSelect()
|
|
|
|
getComboSelect();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const config_ref = ref(null)
|
|
|
|
const config_ref = ref(null);
|
|
|
|
const configRef = (e) => {
|
|
|
|
const configRef = (e) => {
|
|
|
|
if (!config_ref.value) {
|
|
|
|
if (!config_ref.value) {
|
|
|
|
config_ref.value = e
|
|
|
|
config_ref.value = e;
|
|
|
|
checkHospital()
|
|
|
|
checkHospital();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
const select_drawer_ref = ref(null)
|
|
|
|
const select_drawer_ref = ref(null);
|
|
|
|
const selectDrawerRef = (e) => {
|
|
|
|
const selectDrawerRef = (e) => {
|
|
|
|
select_drawer_ref.value = e
|
|
|
|
select_drawer_ref.value = e;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
const select_active = ref({
|
|
|
|
const select_active = ref({
|
|
|
|
combo: '',
|
|
|
|
combo: "",
|
|
|
|
person: '',
|
|
|
|
person: "",
|
|
|
|
})
|
|
|
|
});
|
|
|
|
const selectShow = () => {
|
|
|
|
const selectShow = () => {
|
|
|
|
select_active.value = {
|
|
|
|
select_active.value = {
|
|
|
|
combo: combo_active.value,
|
|
|
|
combo: combo_active.value,
|
|
|
|
person: person_active.value,
|
|
|
|
person: person_active.value,
|
|
|
|
}
|
|
|
|
};
|
|
|
|
select_drawer_ref.value.open()
|
|
|
|
select_drawer_ref.value.open();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
onShow(() => {
|
|
|
|
onShow(() => {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
if (!!config_ref.value) {
|
|
|
|
checkHospital()
|
|
|
|
checkHospital();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const buyClick = async (item) => {
|
|
|
|
|
|
|
|
let query = "?comboId=" + item.combo_id;
|
|
|
|
|
|
|
|
if ($props.groupId) {
|
|
|
|
|
|
|
|
// 团检把团检ID加上
|
|
|
|
|
|
|
|
query += "&groupId=" + $props.groupId;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
// 个检只要套餐ID
|
|
|
|
|
|
|
|
// 预约 跳转到个检/团检套餐详情
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
|
|
|
url: "/pages/main/optionalProject/optionalDetails" + query,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<view>
|
|
|
|
<view>
|
|
|
|
@ -172,7 +181,9 @@
|
|
|
|
<view class="hospital_icon_wrapper">
|
|
|
|
<view class="hospital_icon_wrapper">
|
|
|
|
<image src="@/static/assets/dingwei@2x.png"></image>
|
|
|
|
<image src="@/static/assets/dingwei@2x.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="hospital_name_wrapper">{{ combo_list.hospital.name }}</view>
|
|
|
|
<view class="hospital_name_wrapper">{{
|
|
|
|
|
|
|
|
combo_list.hospital.name
|
|
|
|
|
|
|
|
}}</view>
|
|
|
|
<view class="hospital_select_wrapper">
|
|
|
|
<view class="hospital_select_wrapper">
|
|
|
|
<image src="@/static/assets/gengduo@2x.png"></image>
|
|
|
|
<image src="@/static/assets/gengduo@2x.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -191,33 +202,43 @@
|
|
|
|
<text v-else>可选择指定医生：</text>
|
|
|
|
<text v-else>可选择指定医生：</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="doctor_name_wrapper">
|
|
|
|
<view class="doctor_name_wrapper">
|
|
|
|
{{ !!combo_list.doctor.id ? combo_list.doctor.name : '前往选择' }}
|
|
|
|
{{ !!combo_list.doctor.id ? combo_list.doctor.name : "前往选择" }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="doctor_tip_wrapper">（自动筛选匹配套餐）</view>
|
|
|
|
<view class="doctor_tip_wrapper">（自动筛选匹配套餐）</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="select_wrapper">
|
|
|
|
<view class="select_wrapper">
|
|
|
|
<view @click="clearSelectClick()" class="select_item_wrapper" :class="[
|
|
|
|
<view
|
|
|
|
(!combo_active && !person_active) ? 'active' : ''
|
|
|
|
@click="clearSelectClick()"
|
|
|
|
]">
|
|
|
|
class="select_item_wrapper"
|
|
|
|
|
|
|
|
:class="[!combo_active && !person_active ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
<view class="select_item_name_wrapper">综合排序</view>
|
|
|
|
<view class="select_item_name_wrapper">综合排序</view>
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="select_item_line_wrapper"></view>
|
|
|
|
<view class="select_item_line_wrapper"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="selectShow()" class="select_item_wrapper" :class="[
|
|
|
|
<view
|
|
|
|
!!combo_active ? 'active' : ''
|
|
|
|
@click="selectShow()"
|
|
|
|
]">
|
|
|
|
class="select_item_wrapper"
|
|
|
|
<view class="select_item_name_wrapper">{{ !!combo_active ? comboActiveName() : '套餐类型' }}</view>
|
|
|
|
:class="[!!combo_active ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="select_item_name_wrapper">{{
|
|
|
|
|
|
|
|
!!combo_active ? comboActiveName() : "套餐类型"
|
|
|
|
|
|
|
|
}}</view>
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="select_item_line_wrapper"></view>
|
|
|
|
<view class="select_item_line_wrapper"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="selectShow()" class="select_item_wrapper" :class="[
|
|
|
|
<view
|
|
|
|
!!person_active ? 'active' : ''
|
|
|
|
@click="selectShow()"
|
|
|
|
]">
|
|
|
|
class="select_item_wrapper"
|
|
|
|
<view class="select_item_name_wrapper">{{ !!person_active ? personActiveName() : '适用人群' }}</view>
|
|
|
|
:class="[!!person_active ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<view class="select_item_name_wrapper">{{
|
|
|
|
|
|
|
|
!!person_active ? personActiveName() : "适用人群"
|
|
|
|
|
|
|
|
}}</view>
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<view class="select_item_icon_wrapper">
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
<image src="@/static/assets/xuanzegengduo@2x.png"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -231,31 +252,44 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="list_wrapper">
|
|
|
|
<view class="list_wrapper">
|
|
|
|
<view class="combo_wrapper" v-for="(i,k) in combo_list_computed" :key="k">
|
|
|
|
<view
|
|
|
|
|
|
|
|
class="combo_wrapper"
|
|
|
|
|
|
|
|
v-for="(i, k) in combo_list_computed"
|
|
|
|
|
|
|
|
:key="k"
|
|
|
|
|
|
|
|
>
|
|
|
|
<view class="combo_info_wrapper">
|
|
|
|
<view class="combo_info_wrapper">
|
|
|
|
<view class="combo_cover_wrapper">
|
|
|
|
<view class="combo_cover_wrapper">
|
|
|
|
<image :src="$image(i.cover)"></image>
|
|
|
|
<image v-if="i.cover" :src="$image(i.cover)"></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_content_wrapper">
|
|
|
|
<view class="combo_content_wrapper">
|
|
|
|
<view class="combo_name_wrapper">{{ i.name }}</view>
|
|
|
|
<view class="combo_name_wrapper">{{ i.name }}</view>
|
|
|
|
<view class="combo_tags_wrapper">
|
|
|
|
<view class="combo_tags_wrapper">
|
|
|
|
<view class="combo_tag_wrapper" v-for="(ii,kk) in i.tag" :key="kk" :style="{
|
|
|
|
<view
|
|
|
|
color:ii.text_color,
|
|
|
|
class="combo_tag_wrapper"
|
|
|
|
background:ii.color,
|
|
|
|
v-for="(ii, kk) in i.tag"
|
|
|
|
}">
|
|
|
|
:key="kk"
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
color: ii.text_color,
|
|
|
|
|
|
|
|
background: ii.color,
|
|
|
|
|
|
|
|
}"
|
|
|
|
|
|
|
|
>
|
|
|
|
{{ ii.text }}
|
|
|
|
{{ ii.text }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_desc_wrapper">
|
|
|
|
<view class="combo_desc_wrapper">
|
|
|
|
{{ i.tags2.join(" | ") }}
|
|
|
|
{{ i.tags2?.join(" | ") }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_price_wrapper">
|
|
|
|
<view class="combo_price_wrapper">
|
|
|
|
<view class="combo_price_box_wrapper">
|
|
|
|
<view class="combo_price_box_wrapper">
|
|
|
|
<view class="combo_true_price_wrapper">
|
|
|
|
<view class="combo_true_price_wrapper">
|
|
|
|
<text class="combo_true_price_icon_wrapper">¥</text>
|
|
|
|
<text class="combo_true_price_icon_wrapper">¥</text>
|
|
|
|
<text class="combo_true_price_number_wrapper">{{ i.price }}</text>
|
|
|
|
<text class="combo_true_price_number_wrapper">{{
|
|
|
|
|
|
|
|
i.price
|
|
|
|
|
|
|
|
}}</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_original_price_wrapper">¥{{ i.original_price }}</view>
|
|
|
|
<view class="combo_original_price_wrapper"
|
|
|
|
|
|
|
|
>¥{{ i.original_price }}</view
|
|
|
|
|
|
|
|
>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_count_wrapper">已售{{ i.count }}</view>
|
|
|
|
<view class="combo_count_wrapper">已售{{ i.count }}</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -263,7 +297,9 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_button_wrapper">
|
|
|
|
<view class="combo_button_wrapper">
|
|
|
|
<view class="combo_pick_button_wrapper">对比</view>
|
|
|
|
<view class="combo_pick_button_wrapper">对比</view>
|
|
|
|
<view class="combo_buy_button_wrapper">预约</view>
|
|
|
|
<view class="combo_buy_button_wrapper" @click="buyClick(i)"
|
|
|
|
|
|
|
|
>预约</view
|
|
|
|
|
|
|
|
>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="combo_line_wrapper"></view>
|
|
|
|
<view class="combo_line_wrapper"></view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -276,15 +312,20 @@
|
|
|
|
<view class="select_group_wrapper">
|
|
|
|
<view class="select_group_wrapper">
|
|
|
|
<view class="select_group_title_wrapper">套餐类型</view>
|
|
|
|
<view class="select_group_title_wrapper">套餐类型</view>
|
|
|
|
<view class="select_group_line_wrapper">
|
|
|
|
<view class="select_group_line_wrapper">
|
|
|
|
<view @click="selectItemClick('combo','')" class="select_group_item_wrapper" :class="[
|
|
|
|
<view
|
|
|
|
select_active.combo === '' ? 'active' : ''
|
|
|
|
@click="selectItemClick('combo', '')"
|
|
|
|
]">
|
|
|
|
class="select_group_item_wrapper"
|
|
|
|
|
|
|
|
:class="[select_active.combo === '' ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
全部
|
|
|
|
全部
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="selectItemClick('combo',i.value)" class="select_group_item_wrapper"
|
|
|
|
<view
|
|
|
|
v-for="(i,k) in combo_select.combo" :key="k" :class="[
|
|
|
|
@click="selectItemClick('combo', i.value)"
|
|
|
|
select_active.combo === i.value ? 'active' : ''
|
|
|
|
class="select_group_item_wrapper"
|
|
|
|
]">
|
|
|
|
v-for="(i, k) in combo_select.combo"
|
|
|
|
|
|
|
|
:key="k"
|
|
|
|
|
|
|
|
:class="[select_active.combo === i.value ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
{{ i.label }}
|
|
|
|
{{ i.label }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -292,15 +333,20 @@
|
|
|
|
<view class="select_group_wrapper">
|
|
|
|
<view class="select_group_wrapper">
|
|
|
|
<view class="select_group_title_wrapper">适用人群</view>
|
|
|
|
<view class="select_group_title_wrapper">适用人群</view>
|
|
|
|
<view class="select_group_line_wrapper">
|
|
|
|
<view class="select_group_line_wrapper">
|
|
|
|
<view @click="selectItemClick('person','')" class="select_group_item_wrapper" :class="[
|
|
|
|
<view
|
|
|
|
select_active.person === '' ? 'active' : ''
|
|
|
|
@click="selectItemClick('person', '')"
|
|
|
|
]">
|
|
|
|
class="select_group_item_wrapper"
|
|
|
|
|
|
|
|
:class="[select_active.person === '' ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
全部
|
|
|
|
全部
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view @click="selectItemClick('person',i.value)" class="select_group_item_wrapper"
|
|
|
|
<view
|
|
|
|
v-for="(i,k) in combo_select.person" :key="k" :class="[
|
|
|
|
@click="selectItemClick('person', i.value)"
|
|
|
|
select_active.person === i.value ? 'active' : ''
|
|
|
|
class="select_group_item_wrapper"
|
|
|
|
]">
|
|
|
|
v-for="(i, k) in combo_select.person"
|
|
|
|
|
|
|
|
:key="k"
|
|
|
|
|
|
|
|
:class="[select_active.person === i.value ? 'active' : '']"
|
|
|
|
|
|
|
|
>
|
|
|
|
{{ i.label }}
|
|
|
|
{{ i.label }}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
@ -313,47 +359,47 @@
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
<style scoped>
|
|
|
|
.select_done_wrapper {
|
|
|
|
.select_done_wrapper {
|
|
|
|
color: #ffffff;
|
|
|
|
color: #ffffff;
|
|
|
|
background: #239EA3;
|
|
|
|
background: #239ea3;
|
|
|
|
width: calc(100% - 60rpx);
|
|
|
|
width: calc(100% - 60rpx);
|
|
|
|
margin: 50rpx auto 0;
|
|
|
|
margin: 50rpx auto 0;
|
|
|
|
height: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
line-height: 50rpx;
|
|
|
|
line-height: 50rpx;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_group_item_wrapper {
|
|
|
|
.select_group_item_wrapper {
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
border: 1rpx solid #239EA3;
|
|
|
|
border: 1rpx solid #239ea3;
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-size: 22rpx;
|
|
|
|
margin: 20rpx 20rpx 0 0;
|
|
|
|
margin: 20rpx 20rpx 0 0;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
color: #239EA3;
|
|
|
|
color: #239ea3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_group_item_wrapper.active {
|
|
|
|
.select_group_item_wrapper.active {
|
|
|
|
color: #ffffff;
|
|
|
|
color: #ffffff;
|
|
|
|
background: #239EA3;
|
|
|
|
background: #239ea3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_group_line_wrapper {
|
|
|
|
.select_group_line_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_group_title_wrapper {
|
|
|
|
.select_group_title_wrapper {
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-size: 30rpx;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_group_wrapper {
|
|
|
|
.select_group_wrapper {
|
|
|
|
margin: 20rpx;
|
|
|
|
margin: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.list_wrapper {
|
|
|
|
.list_wrapper {
|
|
|
|
padding-top: 30rpx;
|
|
|
|
padding-top: 30rpx;
|
|
|
|
height: calc(100vh - 100rpx - 10rpx - 70rpx - 80rpx - 30rpx - 30rpx);
|
|
|
|
height: calc(100vh - 100rpx - 10rpx - 70rpx - 80rpx - 30rpx - 30rpx);
|
|
|
|
width: 750rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
@ -365,35 +411,35 @@
|
|
|
|
scrollbar-width: none;
|
|
|
|
scrollbar-width: none;
|
|
|
|
overflow: -moz-scrollbars-none;
|
|
|
|
overflow: -moz-scrollbars-none;
|
|
|
|
overflow-y: scroll;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.list_wrapper::-webkit-scrollbar {
|
|
|
|
.list_wrapper::-webkit-scrollbar {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_line_wrapper {
|
|
|
|
.combo_line_wrapper {
|
|
|
|
width: 710rpx;
|
|
|
|
width: 710rpx;
|
|
|
|
height: 1rpx;
|
|
|
|
height: 1rpx;
|
|
|
|
background: #E1ECEE;
|
|
|
|
background: #e1ecee;
|
|
|
|
margin: 15rpx auto 0;
|
|
|
|
margin: 15rpx auto 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_pick_button_wrapper {
|
|
|
|
.combo_pick_button_wrapper {
|
|
|
|
width: 160rpx;
|
|
|
|
width: 160rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
background: #E1ECEE;
|
|
|
|
background: #e1ecee;
|
|
|
|
border-radius: 30rpx;
|
|
|
|
border-radius: 30rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #239EA3;
|
|
|
|
color: #239ea3;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 60rpx;
|
|
|
|
line-height: 60rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_buy_button_wrapper {
|
|
|
|
.combo_buy_button_wrapper {
|
|
|
|
width: 160rpx;
|
|
|
|
width: 160rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
height: 60rpx;
|
|
|
|
background: #239EA3;
|
|
|
|
background: #239ea3;
|
|
|
|
border-radius: 30rpx;
|
|
|
|
border-radius: 30rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
@ -402,75 +448,75 @@
|
|
|
|
line-height: 60rpx;
|
|
|
|
line-height: 60rpx;
|
|
|
|
margin-left: 32rpx;
|
|
|
|
margin-left: 32rpx;
|
|
|
|
margin-right: 20rpx;
|
|
|
|
margin-right: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_button_wrapper {
|
|
|
|
.combo_button_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: end;
|
|
|
|
justify-content: end;
|
|
|
|
margin-top: 27rpx;
|
|
|
|
margin-top: 27rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_count_wrapper {
|
|
|
|
.combo_count_wrapper {
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-size: 18rpx;
|
|
|
|
color: #8B8B8B;
|
|
|
|
color: #8b8b8b;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_original_price_wrapper {
|
|
|
|
.combo_original_price_wrapper {
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-size: 18rpx;
|
|
|
|
color: #8B8B8B;
|
|
|
|
color: #8b8b8b;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
text-decoration-line: line-through;
|
|
|
|
text-decoration-line: line-through;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_true_price_wrapper {
|
|
|
|
.combo_true_price_wrapper {
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-size: 18rpx;
|
|
|
|
color: #EC3D15;
|
|
|
|
color: #ec3d15;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_true_price_number_wrapper {
|
|
|
|
.combo_true_price_number_wrapper {
|
|
|
|
font-size: 38rpx;
|
|
|
|
font-size: 38rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_price_wrapper {
|
|
|
|
.combo_price_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: end;
|
|
|
|
align-items: end;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
margin-top: 21rpx;
|
|
|
|
margin-top: 21rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_price_box_wrapper {
|
|
|
|
.combo_price_box_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: end;
|
|
|
|
align-items: end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_wrapper {
|
|
|
|
.combo_wrapper {
|
|
|
|
height: 307rpx;
|
|
|
|
height: 307rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_tags_wrapper {
|
|
|
|
.combo_tags_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
margin-top: 13rpx;
|
|
|
|
margin-top: 13rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_desc_wrapper {
|
|
|
|
.combo_desc_wrapper {
|
|
|
|
font-weight: 500;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 20rpx;
|
|
|
|
font-size: 20rpx;
|
|
|
|
color: #8B8B8B;
|
|
|
|
color: #8b8b8b;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
margin-top: 18rpx;
|
|
|
|
margin-top: 18rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_tag_wrapper {
|
|
|
|
.combo_tag_wrapper {
|
|
|
|
padding-left: 13rpx;
|
|
|
|
padding-left: 13rpx;
|
|
|
|
padding-right: 13rpx;
|
|
|
|
padding-right: 13rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
@ -478,232 +524,232 @@
|
|
|
|
border-radius: 5rpx;
|
|
|
|
border-radius: 5rpx;
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 18rpx;
|
|
|
|
font-size: 18rpx;
|
|
|
|
color: #47ABD8;
|
|
|
|
color: #47abd8;
|
|
|
|
margin-right: 8rpx;
|
|
|
|
margin-right: 8rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_name_wrapper {
|
|
|
|
.combo_name_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
color: #0E0E0E;
|
|
|
|
color: #0e0e0e;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_content_wrapper {
|
|
|
|
.combo_content_wrapper {
|
|
|
|
margin-left: 30rpx;
|
|
|
|
margin-left: 30rpx;
|
|
|
|
width: calc(750rpx - 190rpx - 30rpx - 20rpx - 55rpx);
|
|
|
|
width: calc(750rpx - 190rpx - 30rpx - 20rpx - 55rpx);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_info_wrapper {
|
|
|
|
.combo_info_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 750rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_cover_wrapper {
|
|
|
|
.combo_cover_wrapper {
|
|
|
|
width: 190rpx;
|
|
|
|
width: 190rpx;
|
|
|
|
height: 190rpx;
|
|
|
|
height: 190rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.combo_cover_wrapper image {
|
|
|
|
.combo_cover_wrapper image {
|
|
|
|
width: 190rpx;
|
|
|
|
width: 190rpx;
|
|
|
|
height: 190rpx;
|
|
|
|
height: 190rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_line_wrapper {
|
|
|
|
.select_item_line_wrapper {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
width: 95rpx;
|
|
|
|
width: 95rpx;
|
|
|
|
height: 10rpx;
|
|
|
|
height: 10rpx;
|
|
|
|
background: linear-gradient(to bottom, #ffffff00, #1B9A9F);
|
|
|
|
background: linear-gradient(to bottom, #ffffff00, #1b9a9f);
|
|
|
|
border-radius: 5rpx;
|
|
|
|
border-radius: 5rpx;
|
|
|
|
bottom: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 50%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(calc(-50% - 8px));
|
|
|
|
transform: translateX(calc(-50% - 8px));
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_wrapper {
|
|
|
|
.select_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
width: 750rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
background: #F1F7F7;
|
|
|
|
background: #f1f7f7;
|
|
|
|
box-shadow: 0rpx -1rpx 1rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
|
box-shadow: 0rpx -1rpx 1rpx 0rpx rgba(0, 0, 0, 0.1);
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_icon_wrapper {
|
|
|
|
.select_item_icon_wrapper {
|
|
|
|
width: 18rpx;
|
|
|
|
width: 18rpx;
|
|
|
|
height: 9rpx;
|
|
|
|
height: 9rpx;
|
|
|
|
margin-left: 9rpx;
|
|
|
|
margin-left: 9rpx;
|
|
|
|
filter: grayscale(100%);
|
|
|
|
filter: grayscale(100%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_icon_wrapper image {
|
|
|
|
.select_item_icon_wrapper image {
|
|
|
|
width: 18rpx;
|
|
|
|
width: 18rpx;
|
|
|
|
height: 9rpx;
|
|
|
|
height: 9rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_icon2_wrapper {
|
|
|
|
.select_item_icon2_wrapper {
|
|
|
|
width: 26rpx;
|
|
|
|
width: 26rpx;
|
|
|
|
height: 23rpx;
|
|
|
|
height: 23rpx;
|
|
|
|
margin-left: 7rpx;
|
|
|
|
margin-left: 7rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_icon2_wrapper image {
|
|
|
|
.select_item_icon2_wrapper image {
|
|
|
|
width: 26rpx;
|
|
|
|
width: 26rpx;
|
|
|
|
height: 23rpx;
|
|
|
|
height: 23rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_name_wrapper {
|
|
|
|
.select_item_name_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-size: 26rpx;
|
|
|
|
color: #2F2F2F;
|
|
|
|
color: #2f2f2f;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_wrapper {
|
|
|
|
.select_item_wrapper {
|
|
|
|
width: 25%;
|
|
|
|
width: 25%;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
height: 80rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_wrapper.active .select_item_name_wrapper {
|
|
|
|
.select_item_wrapper.active .select_item_name_wrapper {
|
|
|
|
color: #239EA3;
|
|
|
|
color: #239ea3;
|
|
|
|
font-weight: bold;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_wrapper.active .select_item_icon_wrapper {
|
|
|
|
.select_item_wrapper.active .select_item_icon_wrapper {
|
|
|
|
filter: grayscale(0%);
|
|
|
|
filter: grayscale(0%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.select_item_wrapper.active .select_item_line_wrapper {
|
|
|
|
.select_item_wrapper.active .select_item_line_wrapper {
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.doctor_name_wrapper {
|
|
|
|
.doctor_name_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-size: 24rpx;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
color: #FFFFFF;
|
|
|
|
color: #ffffff;
|
|
|
|
border-bottom: 1rpx solid #FFFFFF;
|
|
|
|
border-bottom: 1rpx solid #ffffff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.doctor_tip_wrapper {
|
|
|
|
.doctor_tip_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 22rpx;
|
|
|
|
font-size: 22rpx;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
color: #FFFFFF;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.doctor_wrapper {
|
|
|
|
.doctor_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 710rpx;
|
|
|
|
width: 710rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
background: #28B7C1;
|
|
|
|
background: #28b7c1;
|
|
|
|
border-radius: 15rpx 15rpx 0rpx 0rpx;
|
|
|
|
border-radius: 15rpx 15rpx 0rpx 0rpx;
|
|
|
|
padding-left: 24rpx;
|
|
|
|
padding-left: 24rpx;
|
|
|
|
margin: 10rpx auto 0;
|
|
|
|
margin: 10rpx auto 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.user_choose_wrapper {
|
|
|
|
.user_choose_wrapper {
|
|
|
|
width: 50rpx;
|
|
|
|
width: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
margin-left: 30rpx;
|
|
|
|
margin-left: 30rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.user_choose_wrapper image {
|
|
|
|
.user_choose_wrapper image {
|
|
|
|
width: 50rpx;
|
|
|
|
width: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
height: 50rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.user_title_wrapper {
|
|
|
|
.user_title_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #239EA3;
|
|
|
|
color: #239ea3;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.user_name_wrapper {
|
|
|
|
.user_name_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #0d0d0d;
|
|
|
|
color: #0d0d0d;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.user_wrapper {
|
|
|
|
.user_wrapper {
|
|
|
|
height: 80rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
padding-left: 40rpx;
|
|
|
|
padding-left: 40rpx;
|
|
|
|
padding-right: 20rpx;
|
|
|
|
padding-right: 20rpx;
|
|
|
|
background: #FFFFFF;
|
|
|
|
background: #ffffff;
|
|
|
|
border-radius: 40rpx 0 0 40rpx;
|
|
|
|
border-radius: 40rpx 0 0 40rpx;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.header_wrapper {
|
|
|
|
.header_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
width: 750rpx;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
height: 100rpx;
|
|
|
|
background: #D8EDF2;
|
|
|
|
background: #d8edf2;
|
|
|
|
margin: 0 auto;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_wrapper {
|
|
|
|
.hospital_wrapper {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 50%;
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_icon_wrapper {
|
|
|
|
.hospital_icon_wrapper {
|
|
|
|
width: 48rpx;
|
|
|
|
width: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_icon_wrapper image {
|
|
|
|
.hospital_icon_wrapper image {
|
|
|
|
width: 48rpx;
|
|
|
|
width: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
height: 48rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_name_wrapper {
|
|
|
|
.hospital_name_wrapper {
|
|
|
|
font-weight: 400;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
color: #484747;
|
|
|
|
color: #484747;
|
|
|
|
margin-left: 9rpx;
|
|
|
|
margin-left: 9rpx;
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_select_wrapper {
|
|
|
|
.hospital_select_wrapper {
|
|
|
|
width: 24rpx;
|
|
|
|
width: 24rpx;
|
|
|
|
height: 14rpx;
|
|
|
|
height: 14rpx;
|
|
|
|
margin-left: 19rpx;
|
|
|
|
margin-left: 19rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.hospital_select_wrapper image {
|
|
|
|
.hospital_select_wrapper image {
|
|
|
|
width: 24rpx;
|
|
|
|
width: 24rpx;
|
|
|
|
height: 14rpx;
|
|
|
|
height: 14rpx;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
object-fit: contain;
|
|
|
|
object-fit: contain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
yanzai
1 year ago
