@ -1,91 +1,84 @@
< script setup >
< script setup >
/ * *
import DraggableButton from "@/pages/components/goHome.vue" ;
/ * *
* name :
* name :
* user : sa0ChunLuyu
* user : sa0ChunLuyu
* date : 2024 年9月11日 19 : 24 : 50
* date : 2024 年9月11日 19 : 24 : 50
* /
* /
import {
import { ref } from "vue" ;
ref
import { $api , $response } from "@/api" ;
} from 'vue'
import { onShow } from "@dcloudio/uni-app" ;
import {
import { useStore } from "@/store" ;
$api ,
const $store = useStore ( ) ;
$response
const $props = defineProps ( {
} from '@/api'
import {
onShow
} from '@dcloudio/uni-app'
import {
useStore
} from '@/store'
const $store = useStore ( )
const $props = defineProps ( {
id : {
id : {
type : String ,
type : String ,
default : '0'
default : "0" ,
}
} ,
} ) ;
const fenzhen _list = ref ( false ) ;
const getFenzhenList = async ( ) => {
uni . showLoading ( ) ;
const response = await $api ( "FenzhenList" , {
id : $props . id ,
} ) ;
} ) ;
uni . hideLoading ( ) ;
const fenzhen _list = ref ( false )
const getFenzhenList = async ( ) => {
uni . showLoading ( )
const response = await $api ( 'FenzhenList' , {
id : $props . id
} )
uni . hideLoading ( )
$response ( response , ( ) => {
$response ( response , ( ) => {
fenzhen _list . value = response . data
fenzhen _list . value = response . data ;
} )
} ) ;
}
} ;
const mountedAction = ( ) => {
const mountedAction = ( ) => {
getFenzhenList ( )
getFenzhenList ( ) ;
}
} ;
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 ;
mountedAction ( )
mountedAction ( ) ;
}
}
}
} ;
const toRouter = ( ) => {
const toRouter = ( ) => {
uni . navigateTo ( {
uni . navigateTo ( {
url : '/pages/user/fenzhen/xindiantu?id=' + $props . id
url : "/pages/user/fenzhen/xindiantu?id=" + $props . id ,
} )
} ) ;
}
} ;
const timeShow = ( time ) => {
const timeShow = ( time ) => {
let time _array = time . split ( ':' )
let time _array = time . split ( ":" ) ;
return ` ${ time _array [ 0 ] } : ${ time _array [ 1 ] } `
return ` ${ time _array [ 0 ] } : ${ time _array [ 1 ] } ` ;
}
} ;
const tip _show = ref ( false )
const tip _show = ref ( false ) ;
const tip _content = ref ( "" )
const tip _content = ref ( "" ) ;
const getTipContent = async ( ) => {
const getTipContent = async ( ) => {
uni . showLoading ( )
uni . showLoading ( ) ;
const response = await $api ( 'GetReadme' )
const response = await $api ( "GetReadme" ) ;
uni . hideLoading ( )
uni . hideLoading ( ) ;
$response ( response , ( ) => {
$response ( response , ( ) => {
tip _content . value = response . data . content
tip _content . value = response . data . content ;
tip _show . value = true
tip _show . value = true ;
} )
} ) ;
}
} ;
const tipShowClick = ( ) => {
const tipShowClick = ( ) => {
if ( ! ! tip _content . value ) {
if ( ! ! tip _content . value ) {
tip _show . value = true
tip _show . value = true ;
} else {
} else {
getTipContent ( )
getTipContent ( ) ;
}
}
}
} ;
onShow ( ( ) => {
onShow ( ( ) => {
if ( ! ! config _ref . value ) {
if ( ! ! config _ref . value ) {
mountedAction ( )
mountedAction ( ) ;
}
}
} )
} ) ;
< / script >
< / script >
< template >
< template >
< DraggableButton / >
< view >
< view >
< view v-if ="!!$store.config" >
< view v-if ="!!$store.config" >
< view :ref ="configRef" > < / view >
< view :ref ="configRef" > < / view >
@ -99,19 +92,38 @@
< / view >
< / view >
< / view >
< / view >
< view v-if ="!!fenzhen_list" >
< view v-if ="!!fenzhen_list" >
< view class = "order_info_wrapper" >
< view
class = "order_info_wrapper relative"
>
< w -qrcode
v - if = "fenzhen_list.info.qrcode"
class = "absolute top-20rpx right-15rpx b-1 b-dashed b-#000 p-8rpx"
: options = " {
level : 4 ,
size : 130 ,
code : fenzhen _list . info . qrcode ,
} "
> < / w - q r c o d e >
< view class = "person_name_wrapper" >
< view class = "person_name_wrapper" >
< view class = "person_name_text_wrapper" > { { fenzhen _list . info . name } } < / view >
< view class = "person_name_text_wrapper" > { {
< view class = "person_sex_wrapper" > { { fenzhen _list . info . sex === 1 ? '男士' : '女士' } } < / view >
fenzhen _list . info . name
} } < / view >
< view class = "person_sex_wrapper" > { {
fenzhen _list . info . sex === 1 ? "男士" : "女士"
} } < / view >
< / view >
< / view >
< view class = "info_box_wrapper" >
< view class = "info_box_wrapper" >
< view class = "info_wrapper" >
< view class = "info_wrapper" >
< view class = "info_title_wrapper" > 体检套餐 : < / view >
< view class = "info_title_wrapper" > 体检套餐 : < / view >
< view class = "info_text_wrapper" > { { fenzhen _list . info . combo _name } } < / view >
< view class = "info_text_wrapper" > { {
fenzhen _list . info . combo _name
} } < / view >
< / view >
< / view >
< view class = "info_wrapper info2_wrapper" >
< view class = "info_wrapper info2_wrapper" >
< view class = "info_title_wrapper" > 体检日期 : < / view >
< view class = "info_title_wrapper" > 体检日期 : < / view >
< view class = "info_text_wrapper" > { { fenzhen _list . info . check _date } } < / view >
< view class = "info_text_wrapper" > { {
fenzhen _list . info . check _date
} } < / view >
< / view >
< / view >
< / view >
< / view >
< view class = "button_wrapper" >
< view class = "button_wrapper" >
@ -121,41 +133,72 @@
< view class = "tip_wrapper" >
< view class = "tip_wrapper" >
< view class = "tip_time_wrapper" >
< view class = "tip_time_wrapper" >
< view class = "tip_time_text_wrapper" > 开始体检时间 < / view >
< view class = "tip_time_text_wrapper" > 开始体检时间 < / view >
< view class = "tip_time_value_wrapper" > { { timeShow ( fenzhen _list . info . start _time ) } } < / view >
< view class = "tip_time_value_wrapper" > { {
timeShow ( fenzhen _list . info . start _time )
} } < / view >
< view class = "tip_time_text_wrapper" > — 预计结束时间 < / view >
< view class = "tip_time_text_wrapper" > — 预计结束时间 < / view >
< view class = "tip_time_value_wrapper" > { { timeShow ( fenzhen _list . info . end _time ) } } < / view >
< view class = "tip_time_value_wrapper" > { {
timeShow ( fenzhen _list . info . end _time )
} } < / view >
< / view >
< / view >
< view class = "tip_box_wrapper" >
< view class = "tip_box_wrapper" >
< view class = "tip_icon_wrapper" >
< view class = "tip_icon_wrapper" >
< image src = "@/static/assets/fenzhen/tip@2x.png" > < / image >
< image src = "@/static/assets/fenzhen/tip@2x.png" > < / image >
< / view >
< / view >
< view class = "tip_text_wrapper" > 尊敬的客户 , 为了使您的体检流程更加顺畅 , 请按以下步骤提 示顺序逐项完成体检 。 < / view >
< view class = "tip_text_wrapper"
> 尊敬的客户 , 为了使您的体检流程更加顺畅 , 请按以下步骤提
示顺序逐项完成体检 。 < / v i e w
>
< / view >
< / view >
< / view >
< / view >
< view class = "time_line_wrapper" >
< view class = "time_line_wrapper" >
< view class = "time_line_title_wrapper" > 自助导检 < / view >
< view class = "time_line_title_wrapper" > 自助导检 < / view >
< view class = "time_line_box_wrapper" >
< view class = "time_line_box_wrapper" >
< view class = "time_line_item_wrapper" : class = " [
< view
` time_line_item- ${ i . status } _wrapper `
class = "time_line_item_wrapper"
] " v-for=" ( i , k ) in fenzhen _list . list " :key=" k " >
: class = "[`time_line_item-${i.status}_wrapper`]"
v - for = "(i, k) in fenzhen_list.list"
: key = "k"
>
< view class = "time_line_item_time_wrapper" >
< view class = "time_line_item_time_wrapper" >
< view v-if ="!!i.time" class="time_line_item_time_value_wrapper" > {{ i.time }} < / view >
< view v-if ="!!i.time" class="time_line_item_time_value_wrapper" > {{
i . time
} } < / view >
< view class = "time_line_item_time_dot_wrapper" >
< view class = "time_line_item_time_dot_wrapper" >
< view class = "time_line_item_time_dot_in_wrapper" > < / view >
< view class = "time_line_item_time_dot_in_wrapper" > < / view >
< / view >
< / view >
< view v-if ="!!i.time" class="time_line_item_time_line_wrapper" > < / view >
< view
< view v-if ="!i.time" class="time_line_item_time_cover_wrapper" > < / view >
v - if = "!!i.time"
class = "time_line_item_time_line_wrapper"
> < / view >
< view
v - if = "!i.time"
class = "time_line_item_time_cover_wrapper"
> < / view >
< / view >
< / view >
< view class = "time_line_item_content_wrapper" >
< view class = "time_line_item_content_wrapper" >
< view class = "time_line_item_triangle_wrapper" > < / view >
< view class = "time_line_item_triangle_wrapper" > < / view >
< view class = "time_line_item_flex_wrapper" >
< view class = "time_line_item_flex_wrapper" >
< view class = "time_line_item_title_wrapper" > { { k + 1 } } . { { i . name } } < / view >
< view class = "time_line_item_title_wrapper"
> { { k + 1 } } . { { i . name } } < / v i e w
>
< view class = "time_line_item_box_wrapper" > { { i . desc } } < / view >
< view class = "time_line_item_box_wrapper" > { { i . desc } } < / view >
< / view >
< / view >
< view v-if ="!!i.time && !!i.tip" class="time_line_item_line_wrapper" > < / view >
< view
< view v-if ="!!i.time && !!i.tip" class="time_line_item_flex_wrapper" >
v - if = "!!i.time && !!i.tip"
class = "time_line_item_line_wrapper"
> < / view >
< view
v - if = "!!i.time && !!i.tip"
class = "time_line_item_flex_wrapper"
>
< view class = "time_line_item_text_wrapper" > { { i . tip } } < / view >
< view class = "time_line_item_text_wrapper" > { { i . tip } } < / view >
< view v-if ="i.more > 0" class="time_line_item_more_wrapper" @click="toRouter()" > 查 看 详 情 > > < / view >
< view
v - if = "i.more > 0"
class = "time_line_item_more_wrapper"
@ click = "toRouter()"
> 查看详情 >> < / v i e w
>
< / view >
< / view >
< / view >
< / view >
< / view >
< / view >
@ -165,12 +208,12 @@
< / view >
< / view >
< / template >
< / template >
< style scoped >
< style scoped >
. tip _dialog _text _wrapper {
. tip _dialog _text _wrapper {
max - height : calc ( 100 vh - 600 rpx ) ;
max - height : calc ( 100 vh - 600 rpx ) ;
overflow - y : auto ;
overflow - y : auto ;
}
}
. tip _dialog _wrapper {
. tip _dialog _wrapper {
position : fixed ;
position : fixed ;
top : 0 ;
top : 0 ;
bottom : 0 ;
bottom : 0 ;
@ -180,27 +223,27 @@
background : # 00000060 ;
background : # 00000060 ;
margin : 0 auto ;
margin : 0 auto ;
z - index : 9999 ;
z - index : 9999 ;
}
}
. tip _dialog _close _wrapper {
. tip _dialog _close _wrapper {
position : absolute ;
position : absolute ;
top : 30 rpx ;
top : 30 rpx ;
right : 40 rpx ;
right : 40 rpx ;
width : 26 rpx ;
width : 26 rpx ;
height : 26 rpx ;
height : 26 rpx ;
}
}
. tip _dialog _close _wrapper image {
. tip _dialog _close _wrapper image {
width : 26 rpx ;
width : 26 rpx ;
height : 26 rpx ;
height : 26 rpx ;
display : block ;
display : block ;
object - fit : contain ;
object - fit : contain ;
}
}
. tip _dialog _box _wrapper {
. tip _dialog _box _wrapper {
position : absolute ;
position : absolute ;
width : 610 rpx ;
width : 610 rpx ;
background : # FFFFFF ;
background : # ffffff ;
border - radius : 15 rpx ;
border - radius : 15 rpx ;
padding - left : 50 rpx ;
padding - left : 50 rpx ;
padding - right : 50 rpx ;
padding - right : 50 rpx ;
@ -209,63 +252,63 @@
left : 50 % ;
left : 50 % ;
top : 50 % ;
top : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
transform : translate ( - 50 % , - 50 % ) ;
}
}
. time _line _item _more _wrapper {
. time _line _item _more _wrapper {
font - size : 22 rpx ;
font - size : 22 rpx ;
color : # 239 EA 3;
color : # 239 ea 3;
line - height : 1 ;
line - height : 1 ;
text - decoration - line : underline ;
text - decoration - line : underline ;
margin - right : 19 rpx ;
margin - right : 19 rpx ;
}
}
. time _line _item _text _wrapper {
. time _line _item _text _wrapper {
font - weight : 500 ;
font - weight : 500 ;
font - size : 24 rpx ;
font - size : 24 rpx ;
color : # 6 E6E6E ;
color : # 6 e6e6e ;
line - height : 1 ;
line - height : 1 ;
margin - left : 42 rpx ;
margin - left : 42 rpx ;
}
}
. time _line _item _line _wrapper {
. time _line _item _line _wrapper {
width : 550 rpx ;
width : 550 rpx ;
height : 1 rpx ;
height : 1 rpx ;
background : # E8E8E 8;
background : # e8e8e 8;
border - radius : 1 rpx ;
border - radius : 1 rpx ;
margin : 13 rpx auto 5 rpx ;
margin : 13 rpx auto 5 rpx ;
}
}
. time _line _item _box _wrapper {
. time _line _item _box _wrapper {
width : 400 rpx ;
width : 400 rpx ;
height : 40 rpx ;
height : 40 rpx ;
background : # 5 A75CA 30;
background : # 5 a75ca 30;
border - radius : 5 rpx ;
border - radius : 5 rpx ;
font - weight : 500 ;
font - weight : 500 ;
font - size : 24 rpx ;
font - size : 24 rpx ;
color : # 5 A75CA ;
color : # 5 a75ca ;
line - height : 40 rpx ;
line - height : 40 rpx ;
text - align : center ;
text - align : center ;
margin - right : 17 rpx ;
margin - right : 17 rpx ;
}
}
. time _line _item _title _wrapper {
. time _line _item _title _wrapper {
width : 140 rpx ;
width : 140 rpx ;
font - weight : bold ;
font - weight : bold ;
font - size : 28 rpx ;
font - size : 28 rpx ;
color : # 0 D0D0D ;
color : # 0 d0d0d ;
line - height : 40 rpx ;
line - height : 40 rpx ;
height : 40 rpx ;
height : 40 rpx ;
margin - left : 22 rpx ;
margin - left : 22 rpx ;
}
}
. time _line _item _flex _wrapper {
. time _line _item _flex _wrapper {
margin - top : 15 rpx ;
margin - top : 15 rpx ;
display : flex ;
display : flex ;
align - items : center ;
align - items : center ;
justify - content : space - between ;
justify - content : space - between ;
}
}
. time _line _item _time _cover _wrapper {
. time _line _item _time _cover _wrapper {
position : absolute ;
position : absolute ;
width : 2 rpx ;
width : 2 rpx ;
top : - 36 rpx ;
top : - 36 rpx ;
@ -274,72 +317,72 @@
background : # ffffff ;
background : # ffffff ;
transform : translateX ( - 50 % ) ;
transform : translateX ( - 50 % ) ;
z - index : 99 ;
z - index : 99 ;
}
}
. time _line _item _time _line _wrapper {
. time _line _item _time _line _wrapper {
position : absolute ;
position : absolute ;
width : 2 rpx ;
width : 2 rpx ;
top : 0 ;
top : 0 ;
bottom : 0 ;
bottom : 0 ;
left : 50 % ;
left : 50 % ;
background : # DEDEDE ;
background : # dedede ;
transform : translateX ( - 50 % ) ;
transform : translateX ( - 50 % ) ;
}
}
. time _line _item _time _dot _wrapper {
. time _line _item _time _dot _wrapper {
position : absolute ;
position : absolute ;
width : 16 rpx ;
width : 16 rpx ;
height : 16 rpx ;
height : 16 rpx ;
background : # CFCECE 60;
background : # cfcece 60;
border - radius : 50 % ;
border - radius : 50 % ;
left : 50 % ;
left : 50 % ;
top : 50 % ;
top : 50 % ;
transform : translate ( - 50 % , calc ( - 50 % + 26 rpx ) ) ;
transform : translate ( - 50 % , calc ( - 50 % + 26 rpx ) ) ;
z - index : 999 ;
z - index : 999 ;
}
}
. time _line _item _time _dot _in _wrapper {
. time _line _item _time _dot _in _wrapper {
width : 8 rpx ;
width : 8 rpx ;
height : 8 rpx ;
height : 8 rpx ;
background : # CFCECE ;
background : # cfcece ;
border - radius : 50 % ;
border - radius : 50 % ;
position : absolute ;
position : absolute ;
left : 50 % ;
left : 50 % ;
top : 50 % ;
top : 50 % ;
transform : translate ( - 50 % , - 50 % ) ;
transform : translate ( - 50 % , - 50 % ) ;
}
}
. time _line _box _wrapper {
. time _line _box _wrapper {
margin - top : 28 rpx ;
margin - top : 28 rpx ;
}
}
. time _line _item _triangle _wrapper {
. time _line _item _triangle _wrapper {
width : 16 rpx ;
width : 16 rpx ;
height : 16 rpx ;
height : 16 rpx ;
border - left : 1 rpx # E8E8E 8 solid ;
border - left : 1 rpx # e8e8e 8 solid ;
border - bottom : 1 rpx # E8E8E 8 solid ;
border - bottom : 1 rpx # e8e8e 8 solid ;
background : # F8F8F 8;
background : # f8f8f 8;
position : absolute ;
position : absolute ;
top : 50 % ;
top : 50 % ;
left : - 10 rpx ;
left : - 10 rpx ;
transform : rotate ( 45 deg ) ;
transform : rotate ( 45 deg ) ;
}
}
. time _line _item _content _wrapper {
. time _line _item _content _wrapper {
width : 590 rpx ;
width : 590 rpx ;
background : # F8F8F 8;
background : # f8f8f 8;
border - radius : 5 rpx ;
border - radius : 5 rpx ;
margin - left : 12 rpx ;
margin - left : 12 rpx ;
position : relative ;
position : relative ;
border : 1 rpx # E8E8E 8 solid ;
border : 1 rpx # e8e8e 8 solid ;
margin - top : 36 rpx ;
margin - top : 36 rpx ;
padding - bottom : 15 rpx ;
padding - bottom : 15 rpx ;
}
}
. time _line _item _time _value _wrapper {
. time _line _item _time _value _wrapper {
width : 90 rpx ;
width : 90 rpx ;
height : 55 rpx ;
height : 55 rpx ;
background : # E4E4E 4;
background : # e4e4e 4;
border - radius : 28 rpx ;
border - radius : 28 rpx ;
font - weight : 500 ;
font - weight : 500 ;
font - size : 28 rpx ;
font - size : 28 rpx ;
@ -348,29 +391,29 @@
text - align : center ;
text - align : center ;
position : relative ;
position : relative ;
z - index : 99 ;
z - index : 99 ;
}
}
. time _line _item _time _wrapper {
. time _line _item _time _wrapper {
width : 90 rpx ;
width : 90 rpx ;
position : absolute ;
position : absolute ;
left : 6 rpx ;
left : 6 rpx ;
right : 0 ;
right : 0 ;
top : 0 ;
top : 0 ;
bottom : 0 ;
bottom : 0 ;
}
}
. time _line _item _wrapper {
. time _line _item _wrapper {
width : calc ( 90 rpx + 12 rpx + 590 rpx ) ;
width : calc ( 90 rpx + 12 rpx + 590 rpx ) ;
display : flex ;
display : flex ;
justify - content : end ;
justify - content : end ;
margin : 0 auto ;
margin : 0 auto ;
position : relative ;
position : relative ;
}
}
. time _line _title _wrapper {
. time _line _title _wrapper {
width : 180 rpx ;
width : 180 rpx ;
height : 60 rpx ;
height : 60 rpx ;
background : linear - gradient ( 90 deg , # EDF6F5 0 % , # BBDFE 1 99 % ) ;
background : linear - gradient ( 90 deg , # edf6f5 0 % , # bbdfe 1 99 % ) ;
border - radius : 0 rpx 30 rpx 30 rpx 0 rpx ;
border - radius : 0 rpx 30 rpx 30 rpx 0 rpx ;
font - weight : bold ;
font - weight : bold ;
font - size : 25 rpx ;
font - size : 25 rpx ;
@ -379,177 +422,177 @@
line - height : 60 rpx ;
line - height : 60 rpx ;
margin - top : 26 rpx ;
margin - top : 26 rpx ;
overflow : hidden ;
overflow : hidden ;
}
}
. time _line _wrapper {
. time _line _wrapper {
width : 710 rpx ;
width : 710 rpx ;
background : # FFFFFF ;
background : # ffffff ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
border - radius : 15 rpx ;
border - radius : 15 rpx ;
margin : 53 rpx auto 0 ;
margin : 53 rpx auto 0 ;
overflow : hidden ;
overflow : hidden ;
position : relative ;
position : relative ;
padding - bottom : 30 rpx ;
padding - bottom : 30 rpx ;
}
}
. tip _text _wrapper {
. tip _text _wrapper {
font - weight : 400 ;
font - weight : 400 ;
font - size : 22 rpx ;
font - size : 22 rpx ;
color : # E 95515;
color : # e 95515;
line - height : 36 rpx ;
line - height : 36 rpx ;
margin - left : 10 rpx ;
margin - left : 10 rpx ;
}
}
. tip _icon _wrapper {
. tip _icon _wrapper {
width : 24 rpx ;
width : 24 rpx ;
height : 24 rpx ;
height : 24 rpx ;
margin - top : 5 rpx ;
margin - top : 5 rpx ;
}
}
. tip _icon _wrapper image {
. tip _icon _wrapper image {
width : 24 rpx ;
width : 24 rpx ;
height : 24 rpx ;
height : 24 rpx ;
display : block ;
display : block ;
object - fit : contain ;
object - fit : contain ;
}
}
. tip _box _wrapper {
. tip _box _wrapper {
display : flex ;
display : flex ;
margin - top : 20 rpx ;
margin - top : 20 rpx ;
}
}
. tip _time _value _wrapper {
. tip _time _value _wrapper {
font - size : 36 rpx ;
font - size : 36 rpx ;
color : # 239 EA 3;
color : # 239 ea 3;
margin : 0 10 rpx ;
margin : 0 10 rpx ;
}
}
. tip _time _text _wrapper {
. tip _time _text _wrapper {
font - size : 22 rpx ;
font - size : 22 rpx ;
color : # 161616 ;
color : # 161616 ;
}
}
. tip _time _wrapper {
. tip _time _wrapper {
display : flex ;
display : flex ;
align - items : end ;
align - items : end ;
line - height : 1 ;
line - height : 1 ;
}
}
. tip _wrapper {
. tip _wrapper {
width : calc ( 100 % - 50 px ) ;
width : calc ( 100 % - 50 px ) ;
margin : 32 rpx auto 0 ;
margin : 32 rpx auto 0 ;
}
}
. info2 _wrapper {
. info2 _wrapper {
margin - top : 30 rpx ;
margin - top : 30 rpx ;
}
}
. info _box _wrapper {
. info _box _wrapper {
margin - top : 60 rpx ;
margin - top : 60 rpx ;
margin - left : 29 rpx ;
margin - left : 29 rpx ;
}
}
. button _wrapper {
. button _wrapper {
display : flex ;
display : flex ;
justify - content : end ;
justify - content : end ;
}
}
. desc _wrapper {
. desc _wrapper {
width : 160 rpx ;
width : 160 rpx ;
height : 48 rpx ;
height : 48 rpx ;
background : # 239 EA 3;
background : # 239 ea 3;
border - radius : 5 rpx ;
border - radius : 5 rpx ;
font - size : 20 rpx ;
font - size : 20 rpx ;
color : # FFFFFF ;
color : # ffffff ;
line - height : 48 rpx ;
line - height : 48 rpx ;
text - align : center ;
text - align : center ;
margin - right : 29 rpx ;
margin - right : 29 rpx ;
margin - top : 24 rpx ;
margin - top : 24 rpx ;
}
}
. info _wrapper {
. info _wrapper {
display : flex ;
display : flex ;
align - items : center ;
align - items : center ;
}
}
. info _text _wrapper {
. info _text _wrapper {
font - size : 24 rpx ;
font - size : 24 rpx ;
color : # 0 F0F0F ;
color : # 0 f0f0f ;
line - height : 1 ;
line - height : 1 ;
}
}
. info _title _wrapper {
. info _title _wrapper {
font - size : 24 rpx ;
font - size : 24 rpx ;
color : # 8 B8B8B ;
color : # 8 b8b8b ;
line - height : 1 ;
line - height : 1 ;
}
}
. order _info _wrapper {
. order _info _wrapper {
width : 710 rpx ;
width : 710 rpx ;
height : 360 rpx ;
height : 360 rpx ;
background : # FFFFFF ;
background : # ffffff ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
border - radius : 15 rpx ;
border - radius : 15 rpx ;
margin : 20 rpx auto 0 ;
margin : 20 rpx auto 0 ;
overflow : hidden ;
overflow : hidden ;
}
}
. person _name _wrapper {
. person _name _wrapper {
display : flex ;
display : flex ;
align - items : end ;
align - items : end ;
margin - top : 72 rpx ;
margin - top : 72 rpx ;
margin - left : 29 rpx ;
margin - left : 29 rpx ;
}
}
. person _name _text _wrapper {
. person _name _text _wrapper {
font - weight : bold ;
font - weight : bold ;
font - size : 34 rpx ;
font - size : 34 rpx ;
color : # 171717 ;
color : # 171717 ;
}
}
. person _sex _wrapper {
. person _sex _wrapper {
font - size : 24 rpx ;
font - size : 24 rpx ;
color : # 7 E7E7E ;
color : # 7 e7e7e ;
margin - left : 15 rpx ;
margin - left : 15 rpx ;
}
}
. time _line _item - 2 _wrapper . time _line _item _time _value _wrapper ,
. time _line _item - 2 _wrapper . time _line _item _time _value _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _value _wrapper {
. time _line _item - 1 _wrapper . time _line _item _time _value _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
color : # F8F8F 8;
color : # f8f8f 8;
}
}
. time _line _item - 2 _wrapper . time _line _item _time _dot _wrapper ,
. time _line _item - 2 _wrapper . time _line _item _time _dot _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _dot _wrapper {
. time _line _item - 1 _wrapper . time _line _item _time _dot _wrapper {
background : # 239 EA 360;
background : # 239 ea 360;
}
}
. time _line _item - 2 _wrapper . time _line _item _time _dot _in _wrapper ,
. time _line _item - 2 _wrapper . time _line _item _time _dot _in _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _dot _in _wrapper {
. time _line _item - 1 _wrapper . time _line _item _time _dot _in _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
}
}
. time _line _item - 2 _wrapper . time _line _item _box _wrapper ,
. time _line _item - 2 _wrapper . time _line _item _box _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _box _wrapper {
. time _line _item - 1 _wrapper . time _line _item _box _wrapper {
background : # 6 CAFB 230;
background : # 6 cafb 230;
color : # 239 EA 3;
color : # 239 ea 3;
}
}
. time _line _item -- 1 _wrapper . time _line _item _time _value _wrapper {
. time _line _item -- 1 _wrapper . time _line _item _time _value _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
color : # F8F8F 8;
color : # f8f8f 8;
}
}
. time _line _item -- 1 _wrapper . time _line _item _time _dot _wrapper {
. time _line _item -- 1 _wrapper . time _line _item _time _dot _wrapper {
background : # 239 EA 360;
background : # 239 ea 360;
}
}
. time _line _item -- 1 _wrapper . time _line _item _time _dot _in _wrapper {
. time _line _item -- 1 _wrapper . time _line _item _time _dot _in _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
}
}
. time _line _item -- 1 _wrapper . time _line _item _box _wrapper {
. time _line _item -- 1 _wrapper . time _line _item _box _wrapper {
background : # E1AF 6830;
background : # e1af 6830;
color : # CC913E ;
color : # cc913e ;
}
}
< / style >
< / style >