2024-06-05 19:16:02 +08:00
< template >
2024-06-25 21:25:46 +08:00
< view class = "content content_bj" >
2024-06-12 15:52:21 +08:00
< view class = "index-head" >
2024-07-16 11:17:34 +08:00
<!-- < view class = "index-top" >
2024-07-15 16:28:28 +08:00
< view v -if = " XCXIsSelect ! = ' 否 ' " class = "flex locate-line"
2024-07-15 18:31:03 +08:00
@ tap = "goCity" >
2024-07-15 16:28:28 +08:00
< view class = "localName" > { { city } } < / view >
< image src = "../../static/liliao-1.png" class = "dingwei-img" > < / image >
< / view >
2024-07-16 11:17:34 +08:00
< / view > -- >
2024-07-15 16:28:28 +08:00
< view class = "index-line" >
2024-07-22 19:25:43 +08:00
< view class = "flex" >
2024-07-23 17:21:41 +08:00
< view > < image class = "salogo" src = "../../static/salogo.gif" > < / image > < / view >
2024-07-22 19:25:43 +08:00
< view v -if = " XCXIsSelect ! = ' 否 ' " class = "flex locate-line"
@ tap = "goCity" >
<!-- < image src = "../../static/liliao-1.png" class = "dingwei-img" > < / image > -- >
< view class = "localName" > { { city } } < / view >
< view class = "view-more" > < / view >
< / view >
2024-07-16 11:17:34 +08:00
< / view >
<!-- < view class = "index-top-left font-size-34" > 盛安到家 < / view > -- >
2024-06-12 15:52:21 +08:00
< view class = "index-top-mian" >
2024-07-19 09:42:34 +08:00
<!-- < view class = "index-top-mian-text" >
2024-06-28 15:30:12 +08:00
< image style = "margin-top: 1px;" src = "../../static/index-nav-1.png" mode = "" > < / image >
2024-06-26 14:45:44 +08:00
< span > 实名认证 < / span >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-28 15:30:12 +08:00
< view class = "index-top-mian-text" >
2024-06-26 14:45:44 +08:00
< image src = "../../static/index-nav-2.png" mode = "" > < / image >
< span > 资质认证 < / span >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-12 15:52:21 +08:00
< view class = "index-top-mian-text" >
2024-06-28 15:30:12 +08:00
< image src = "../../static/index-nav-3.png" mode = "" style = "width: 14px; height: 14px;" > < / image >
2024-06-26 14:45:44 +08:00
< span > 平台担保 < / span >
2024-07-19 09:42:34 +08:00
< / view > -- >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-22 19:25:43 +08:00
2024-07-15 16:28:28 +08:00
< view class = "index-headset" >
2024-07-19 09:42:34 +08:00
<!-- < image style = "width: 26rpx; height: 26rpx;" src = "../../static/index-nav-4.png" @click ="goChat()" mode = "widthFix" > < / image >
< image src = "../../static/index-nav-5.png" mode = "widthFix" > < / image > -- >
< image class = "index-yanzheng" src = "../../static/images/index/renzheng01.png" mode = "" > < / image >
< image class = "index-yanzheng" src = "../../static/images/index/renzheng02.png" mode = "" > < / image >
< image class = "index-yanzheng" src = "../../static/images/index/renzheng03.png" mode = "" > < / image >
2024-06-05 19:16:02 +08:00
< / view >
2024-07-22 19:25:43 +08:00
2024-06-05 19:16:02 +08:00
< / view >
2024-07-15 16:28:28 +08:00
< view class = "flex align-center index-mian" >
2024-07-22 19:25:43 +08:00
2024-07-15 16:30:27 +08:00
< uni -search -bar placeholder = "请输入项目名称" @service ="serviceTrue" @confirm ="search" :cancelext ="'取消'" v -model = " searchValue " @input ="input"
@ clear = "clear" >
< / u n i - s e a r c h - b a r >
< view class = "search-btn" @click ="searchBtn" >
搜索
2024-07-12 13:51:45 +08:00
< / view >
2024-07-15 16:33:08 +08:00
2024-06-12 15:52:21 +08:00
< / view >
< view class = "index-nav-bottom width" >
2024-06-24 11:29:11 +08:00
< image src = "../../static/index-nav-6.png" mode = "widthFix" @click ="chaoji" > < / image >
< image src = "../../static/index-nav-7.png" mode = "widthFix" @click ="xinren" > < / image >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
< view class = "title-star" >
< view class = "star-technician-top" >
< view class = "star-technician-top-text" >
< span class = "star-technician-name" > 明星技师 < / span >
< span class = "star-technician-name-bot" > Star technician < / span >
< / view >
2024-06-15 20:59:02 +08:00
< view class = "star-technician-top-text" @click ="gengduo" >
2024-06-12 15:52:21 +08:00
< span class = "star-technician-gengguo" > 查看更多 > < / span >
< / view >
< / view >
< / view >
< view class = "star-technician width" >
< view class = "star-technician-mian" >
2024-07-03 21:34:26 +08:00
< liu -goods -swiper :goodsList ="starTechnician" :imgWidth ="165" :imgHeight ="155" @clickItem ="chooseItem" @ cancellable = 'false' > < / l i u - g o o d s - s w i p e r >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
< view class = "index-project width" >
2024-06-24 11:29:11 +08:00
< view class = "index-project-content" @click ="goNav('/pages/my/indextaociliaoList?type='+104+'&name='+'index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei1.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 盛安套餐 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-06-25 23:07:20 +08:00
< view class = "index-project-content" @click ="goNavs('/pages/therapist/therapist')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei2.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 盛安技师 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-09 14:19:00 +08:00
< view class = "index-project-content" @click ="goNav('/pages/cooperate/index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei3.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 招聘合作 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-06-15 20:59:02 +08:00
< view class = "index-project-content" @click ="goNav('/my/vip/index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei4.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 会员中心 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-06-24 11:29:11 +08:00
< view class = "index-project-content" @click ="chaoji" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei10.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 充值赠送 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-22 19:41:55 +08:00
< view class = "index-project-content" @click ="goNav('/pages/my/newTeaml?text='+'index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei5.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 超值拼团 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-06-24 11:29:11 +08:00
< view class = "index-project-content" @click ="goNav('/pages/my/indextaociliaoList?type='+106+'&name='+'index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei6.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 服务疗程 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-22 13:58:35 +08:00
< view class = "index-project-content" @click ="goNav('/pages/my/newseckill?text='+'index')" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei7.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 限时秒杀 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-09 11:02:01 +08:00
< view class = "index-project-content" @click ="shangcheng()" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/index-fenglei8.png" mode = "widthFix" > < / image >
2024-06-25 21:25:46 +08:00
< span class = "feng_word" > 逛商城 < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-09 11:02:01 +08:00
< view class = "index-project-content" @click ="gangBtn(type)" >
2024-07-09 17:29:20 +08:00
< image src = "../../static/index-fenglei13.png" mode = "widthFix" > < / image >
2024-07-09 11:02:01 +08:00
< span class = "feng_word" > 更多 < / span >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
< view class = "index-guanggao width" >
2024-07-02 22:23:55 +08:00
< image class = "index-guanggao-pintuan" @click ="qidai()" src = "../../static/pintuan.png" mode = "widthFix" > < / image >
2024-06-12 15:52:21 +08:00
< view class = "index-guanggao-right" >
2024-06-25 21:25:46 +08:00
< image class = "index-guanggao-right-cika index-interval" @click ="goNav('/pages/my/indextaociliaoList?type='+105+'&name='+'index')" src = "../../static/cika.png" mode = "widthFix" > < / image >
2024-07-10 15:32:28 +08:00
< image class = "index-guanggao-right-yuyue" @click ="yuedao('企业')" src = "../../static/yuyue.png" mode = "widthFix" > < / image >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
< view class = "index-fujin" >
< view class = "index-fujin-title width" >
< view class = "index-fujin-title-left" >
< image src = "../../static/fujin-jishi.png" mode = "widthFix" > < / image >
< span > 附近技师 < / span >
< / view >
< view class = "index-fujin-title-right" >
2024-06-15 20:59:02 +08:00
< span class = "index-fujin-title-left-text" @click ="gengduo" > 更多 < / span >
2024-06-28 15:30:12 +08:00
< span class = "index-fujin-title-left-btn" > > < / span >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
< view class = "index-fujin-img width" >
2024-06-15 20:59:02 +08:00
< view class = "fujin-view" v-for ="(item,index) in nearbyTechnician" :key="index" @click="goOrder(item)" >
2024-06-15 09:08:10 +08:00
< view class = "index-fujin-view" >
< image class = "index-fujin-view-img" :src ="item.artificerImg" mode = "" > < / image >
2024-07-02 11:55:14 +08:00
< view class = "index-fujin-view-text" >
2024-07-20 11:44:52 +08:00
< view > < image src = "../../static/fujin-dingwei.png" mode = "w" > < / image > < / view >
< view > < span > { { item . dingwei } } km < / span > < / view >
2024-06-15 09:08:10 +08:00
< / view >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-15 09:08:10 +08:00
< view class = "index-fujin-jie" >
< view class = "index-fujin-jie-view" >
< span class = "index-fujin-jie-name" > { { item . artificerName } } < / span >
< / view >
2024-06-05 19:16:02 +08:00
< / view >
< / view >
2024-06-15 09:08:10 +08:00
2024-06-12 15:52:21 +08:00
< / view >
< view class = "index-taocan width" >
< view class = "index-taocan-view" >
< view class = "index-taocan-view-nav" v-for ="item in felNav" :key="item.id" @click="chengFel(item)" >
2024-06-24 11:29:11 +08:00
< view class = "index-taocan-view-nav-s" >
2024-06-12 15:52:21 +08:00
< span class = "index-taocan-view-nav-text" :class ="[currentTabFl==item.id?'activeL':'activeH']" > { { item . name } } < / span >
< span class = "index-taocan-view-nav-jie" :class ="[currentTabFl==item.id?'activeXL':'activeXH']" > { { item . content } } < / span >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-12 15:52:21 +08:00
< view class = "fenjie" > < / view >
2024-06-05 19:16:02 +08:00
< / view >
< / view >
2024-06-12 15:52:21 +08:00
< view class = "index-card" >
2024-06-24 11:29:11 +08:00
< view class = "index-card-view" v-for ="(item,index) in tjData" :key="index" @click="goDatail(item)" >
2024-06-12 15:52:21 +08:00
< view class = "index-card-view-title" >
2024-06-25 22:25:43 +08:00
< image class = "index-card-image" :src ="item.packageImg?item.packageImg:item.massageImg" mode = "" > < / image >
2024-06-24 11:29:11 +08:00
<!-- < view class = "index-card-view-title-left" > { { item . title } } < / view > -- >
2024-07-25 20:58:11 +08:00
< view class = "index-card-view-title-right" >
< text v-if ="item.tagsData!=''" > {{ item.tagsData [ 0 ] }} < / text >
< text v-else > 助眠解压 < / text >
< / view >
<!-- < view class = "index-card-view-title-right" > 助眠解压 < / view > -- >
2024-06-12 15:52:21 +08:00
< / view >
< view class = "index-card-mian" >
2024-06-24 11:29:11 +08:00
< view class = "index-card-mian-title marginTop" > { { item . title } } < / view >
2024-06-12 15:52:21 +08:00
< view class = "index-card-mian-biao marginTop" >
2024-07-25 20:58:11 +08:00
< view class = "shop_label" v-if ="item.tagsData!=''" >
< span v-for ="tag in item.tagsData" :key ="tag" > {{ tag }} < / span >
2024-06-12 15:52:21 +08:00
< / view >
2024-07-25 20:58:11 +08:00
< view class = "shop_label" v-else >
< view class = "index-card-mian-biao-left" >
助眠减压
< / view >
<!-- < view class = "index-card-mian-biao-right" > -- >
< view class = "index-card-mian-biao-left" >
缓解疲劳
< / view >
2024-06-12 15:52:21 +08:00
< / view >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-24 11:29:11 +08:00
< view class = "index-card-mian-time marginTop" v-if ="item.duration" >
2024-06-12 15:52:21 +08:00
< image src = "../../static/rumen-time.png" mode = "widthFix" > < / image >
2024-06-24 11:29:11 +08:00
< span > { { item . duration } } 分钟 < / span >
2024-06-05 19:16:02 +08:00
< / view >
2024-06-12 15:52:21 +08:00
< view class = "index-card-mian-money marginTop" >
2024-06-24 11:29:11 +08:00
< span class = "index-card-mian-money-zhen" > ¥ { { item . price } } < / span >
< span class = "index-card-mian-money-jia" > ¥ { { item . oldPrice } } < / span >
2024-06-05 19:16:02 +08:00
< / view >
< / view >
< / view >
< / view >
< / view >
2024-07-23 15:42:42 +08:00
< view class = "body-view" >
2024-06-12 15:52:21 +08:00
<!-- 使用scroll - view实现tabs滑动切换 -- >
< scroll -view class = "top-menu-view" scroll -x = " true " scroll -with -animation :scroll-left ="scrollLeft" >
2024-07-23 22:43:29 +08:00
< view class = "menu-topic-view" v-for ="(item,index) in tabs" :id="'tabNum'+item.id" :key="index" @click="swichMenu(index,item.id)" >
2024-06-12 15:52:21 +08:00
< view : class = "currentTab==index ? 'menu-topic-act' : 'menu-topic'" >
< text class = "menu-topic-text" > { { item . name } } < / text >
< view class = "menu-topic-bottom" >
< view class = "menu-topic-bottom-color" > < / view >
< / view >
< / view >
< / view >
< / s c r o l l - v i e w >
2024-07-23 22:43:29 +08:00
2024-06-12 15:52:21 +08:00
<!-- 内容 -- >
2024-07-23 22:43:29 +08:00
< scroll -view class = "swiper-box-list" scroll -y = " true " :scroll-into-view ="scrollIntoView" >
< view class = "swiper-topic-list" v-for ="(item,index) in swiperDateLists" :key ="index" >
< view class = "swiper-item-card" style = "position: relative;" >
< view class = "data-list" >
2024-08-01 13:50:54 +08:00
< view class = "videoHovers" @click ="towxh5Video(item,index)" >
2024-07-23 22:43:29 +08:00
< image class = "playState" src = "@/static/bofang.png" > < / image >
< / view >
< image :src ="item.picPath" mode = "aspectFill" style = "width: 100%; height: 100%;" > < / image >
2024-06-12 15:52:21 +08:00
< / view >
< view class = "swiper-item" >
2024-07-23 22:43:29 +08:00
< span > { { item . artificerName } } < / span >
< span class = "swiper-item-view" > { { item . content } } < / span >
2024-06-12 15:52:21 +08:00
< / view >
< / view >
2024-07-23 22:43:29 +08:00
< / view >
< / s c r o l l - v i e w >
2024-06-05 19:16:02 +08:00
< / view >
< / view >
2024-07-04 19:13:27 +08:00
< view style = "width: 100%;height: 700px;" > < / view >
2024-06-15 09:08:10 +08:00
<!-- 经验筛选 -- >
2024-07-02 15:31:05 +08:00
< u -select v-model ="Cityshow" style="height: auto;" :list="cityList" @confirm="getCity" > < / u -select >
2024-07-23 22:43:29 +08:00
< uni -popup style = "width: 100%;height: 100vh;" type = "center" ref = "pinglun" @touchmove.stop.prevent ="moveHandle" >
< view style = "width: 100%;height: 100%;position: relative;" >
< video
id = "myVideo"
style = "width: 100%;height: 100%;"
2024-07-26 09:54:27 +08:00
: loop = "true"
: muted = "false"
2024-07-23 22:43:29 +08:00
: show - fullscreen - btn = 'false'
: enable - play - gesture = 'true'
2024-07-26 09:54:27 +08:00
: autoplay = "false"
2024-07-23 22:43:29 +08:00
: show - play - btn = 'false'
: show - center - play - btn = 'false'
2024-07-24 13:50:45 +08:00
: http - cache = "true"
2024-07-23 22:43:29 +08:00
@ click = "jieshu"
: src = "filePath" > < / video >
< view class = "videoConten" > { { contentVideo } } < / view >
< view class = "videoHover" v-if ="playShow==true" @click="kaishi" >
< image class = "playState" src = "@/static/bofang.png" > < / image >
< / view >
< view class = "guanbi" @click ="guanbi" >
< image src = "@/static/closeimg.png" > < / image >
< / view >
< / view >
< / u n i - p o p u p >
2024-07-09 11:02:01 +08:00
< view >
<!-- 提前结束 -- >
2024-07-26 14:21:46 +08:00
< uni -popup class = "popup-view" ref = "popup" background -color = " # fff " >
2024-07-09 11:02:01 +08:00
< view class = "popup-content" >
2024-07-09 17:29:20 +08:00
< view class = "popup-close" > < image @click ="closePopup(type)" class = "popup-close-img" src = "../../static/close.png" > < / image > < / view >
<!-- < view class = "popup-head" >
2024-07-09 11:02:01 +08:00
< span > < / span >
< span @click ="closePopup(type)" > x < / span >
2024-07-09 17:29:20 +08:00
< / view > -- >
2024-07-09 11:02:01 +08:00
< view class = "popup-mian" >
< view class = "popup-mian-view" >
2024-07-09 17:29:20 +08:00
< view class = "index-project-content1" >
< image src = "../../static/index-fenglei11.png" mode = "widthFix" > < / image >
2024-07-09 11:02:01 +08:00
< span class = "feng_word" > 美甲师 < / span >
< / view >
2024-07-09 17:29:20 +08:00
< view class = "index-project-content1" >
< image src = "../../static/index-fenglei12.png" mode = "widthFix" > < / image >
2024-07-09 11:02:01 +08:00
< span class = "feng_word" > 美容师 < / span >
< / view >
2024-07-10 17:58:14 +08:00
< view class = "index-project-content1" @click ="yuedao('商家')" >
2024-07-09 11:02:01 +08:00
< image src = "../../static/index-fenglei9.png" mode = "widthFix" > < / image >
< span class = "feng_word" > 约到店 < / span >
< / view >
< / view >
<!-- < view class = "popup-mian-btn" >
< span @click ="closePopup(type)" >
取消
< / span >
< span @click ="tiqian('center')" >
确定
< / span >
< / view > -- >
< / view >
< / view >
< / u n i - p o p u p >
< / view >
2024-06-05 19:16:02 +08:00
< / view >
< / template >
< script >
2024-06-15 09:08:10 +08:00
import commonConfig from 'common/config.js' ;
import * as webMap from 'utils/webMap.js' ;
2024-06-25 20:23:11 +08:00
import permision from "@/components/permission.js" ;
2024-06-15 09:08:10 +08:00
// 调用手机系统权限
// #ifdef APP-PLUS
2024-06-25 20:23:11 +08:00
// import permision from "@/components/permission.js";
2024-06-15 09:08:10 +08:00
// #endif
2024-08-01 13:50:54 +08:00
let audo = uni . createInnerAudioContext ( )
audo . loop = true
2024-06-05 19:16:02 +08:00
export default {
data ( ) {
return {
2024-07-23 22:43:29 +08:00
checkboxShow : 1 ,
filePath : '' ,
playShow : false ,
videoId : 0 ,
2024-07-12 13:51:45 +08:00
current : 0 ,
2024-07-10 17:58:14 +08:00
serviceTrue : true ,
2024-06-15 09:08:10 +08:00
cityList : [ ] ,
Cityshow : false ,
artificerName : '' ,
//地图相关
token : '' ,
infoWindow : null ,
amap : null ,
latitude : '43.86487' ,
longitude : '' ,
city : '请选择城市' ,
XCXIsSelect : '否' ,
2024-06-12 15:52:21 +08:00
currentTabFl : 1 ,
2024-06-24 11:29:11 +08:00
tjData : [ ] ,
2024-06-12 15:52:21 +08:00
felNav : [ {
id : 1 ,
content : '大家常买' ,
name : '热门精选'
} ,
{
id : 2 ,
content : '优惠提前享' ,
name : '推荐套餐'
} ,
{
id : 3 ,
name : '专业培训' ,
content : '特色专业'
} ,
{
id : 4 ,
name : '更多优惠' ,
content : '更多'
} ,
] ,
scrollLeft : 0 ,
tabs : [ {
id : 1 ,
name : '推荐'
} ,
{
id : 2 ,
name : '附近'
} ,
{
id : 3 ,
name : '关注'
} ,
] ,
currentTab : 0 ,
tabCurrent : 'tabNum1' ,
// Tab切换内容
2024-07-23 22:43:29 +08:00
swiperDateLists : [ ] ,
2024-06-12 15:52:21 +08:00
swiperDateList : [ {
id : 1 ,
content : '中医推拿' ,
name : '李安茹' ,
} ,
{
id : 2 ,
content : '中医推拿' ,
name : '李安茹' ,
} ,
{
id : 3 ,
content : '中医推拿' ,
name : '李安茹' ,
} ,
2024-06-05 19:16:02 +08:00
] ,
2024-06-15 09:08:10 +08:00
typeList : [ ] ,
2024-07-10 17:58:14 +08:00
searchValue : '' ,
2024-06-15 09:08:10 +08:00
starTechnician : [ ] , //明星技师
nearbyTechnician : [ ] , //附近技师
classifyId : '' ,
2024-06-24 11:29:11 +08:00
page : 1 ,
limit : 10 ,
2024-06-25 20:23:11 +08:00
arr : [ ] ,
txAppKey : '' ,
tpSel : 0 ,
tpCount : 0 ,
2024-07-09 11:02:01 +08:00
cuowu : '' ,
2024-07-23 22:43:29 +08:00
type : 'center' ,
parType : '' ,
2024-07-26 14:21:46 +08:00
contentVideo : '' ,
2024-08-02 21:05:22 +08:00
Key2 : 'ad684a15ebbb6f5d12c407a3d593c949' ,
latadd : ''
2024-06-25 20:23:11 +08:00
}
} ,
onShareAppMessage ( res ) { //发送给朋友
return {
title : this . tuiguang ,
path : '/pages/index/index?invitation=' + this . invitationCode ,
imageUrl : this . tuiguangImg ,
}
} ,
onShareTimeline ( res ) { //分享到朋友圈
return {
title : this . tuiguang ,
path : '/pages/index/index?invitation=' + this . invitationCode ,
imageUrl : this . tuiguangImg ,
2024-06-05 19:16:02 +08:00
}
} ,
2024-06-25 20:23:11 +08:00
onLoad ( e ) {
2024-06-15 09:08:10 +08:00
let that = this
that . getBannerList ( )
2024-06-24 11:29:11 +08:00
that . remen ( )
2024-06-25 20:23:11 +08:00
that . getKTCityList ( ) ;
// 获取邀请码保存到本地
if ( e . invitation ) {
that . $queue . setData ( 'inviterCode' , e . invitation ) ;
}
// #ifdef MP-WEIXIN
if ( e . scene ) {
const scene = decodeURIComponent ( e . scene ) ;
this . $queue . setData ( 'inviterCode' , scene . split ( ',' ) [ 0 ] ) ;
}
// #endif
2024-07-01 15:59:33 +08:00
that . $Request . getT ( '/app/common/type/250' ) . then ( res => { //技师完成通知
2024-06-25 20:23:11 +08:00
if ( res . code == 0 ) {
if ( res . data && res . data . value ) {
that . arr . push ( res . data . value )
}
}
} )
2024-07-01 15:59:33 +08:00
that . $Request . getT ( '/app/common/type/248' ) . then ( res => { //技师取消通知
2024-06-25 20:23:11 +08:00
if ( res . code == 0 ) {
if ( res . data && res . data . value ) {
that . arr . push ( res . data . value )
}
}
} )
that . $Request . getT ( '/app/common/type/217' ) . then ( res => { //腾讯地图key
if ( res . code == 0 ) {
if ( res . data && res . data . value ) {
that . txAppKey = res . data . value ;
}
}
} )
uni . getLocation ( {
2024-08-02 21:05:22 +08:00
type : 'gcj02' ,
2024-07-15 16:30:27 +08:00
geocode : true , //设置该参数为true可直接获取经纬度及城市信息
2024-08-02 21:05:22 +08:00
highAccuracyExpireTime : 500 ,
2024-06-25 20:23:11 +08:00
success : function ( res ) {
console . log ( res , '地理位置' )
that . latitude = res . latitude
that . longitude = res . longitude
uni . setStorageSync ( 'latitude' , res . latitude )
uni . setStorageSync ( 'longitude' , res . longitude )
2024-07-16 15:17:09 +08:00
that . selectCity ( that . longitude , that . latitude )
2024-06-25 20:23:11 +08:00
} ,
2024-06-27 20:04:31 +08:00
fail : function ( e ) {
this . cuowu = e
console . log ( "获取信息失败,请重试!" , e )
2024-06-25 20:23:11 +08:00
// #ifdef APP-PLUS
that . checkPermission ( ) ;
// #endif
}
} )
2024-07-23 22:43:29 +08:00
that . getVideo ( )
2024-06-15 09:08:10 +08:00
} ,
onShow ( ) {
let that = this
that . XCXIsSelect = this . $queue . getData ( "XCXIsSelect" ) ;
2024-06-25 20:23:11 +08:00
let userId = uni . getStorageSync ( 'userId' )
if ( userId ) {
2024-08-02 21:05:22 +08:00
var add = uni . getStorageSync ( 'cityAdderss' ) ;
if ( add != '' ) {
that . city = add . name ;
var location = add . location . split ( "," )
that . longitude = location [ 0 ]
that . latitude = location [ 1 ]
console . log ( "location=========>" , location )
}
2024-06-25 20:23:11 +08:00
this . getTpMy ( ) ;
this . getTpCount ( ) ;
// this.checkNewUser();
// #ifdef MP-WEIXIN
//订阅
if ( this . showModal ) {
this . openMsg ( )
}
// #endif
2024-07-16 11:17:34 +08:00
// this.city = uni.getStorageSync('city')//测试用的 测试结束关闭
2024-06-27 20:04:31 +08:00
this . getIsVip ( )
2024-06-25 20:23:11 +08:00
this . getKTCityList ( ) ;
this . getHomeArtificerList ( ) ;
2024-07-03 09:21:00 +08:00
this . getHomeNearbyList ( ) ;
2024-08-02 21:05:22 +08:00
2024-06-26 09:49:50 +08:00
} else {
uni . navigateTo ( {
url : '/pages/public/login'
} )
2024-06-15 09:08:10 +08:00
}
2024-06-25 20:23:11 +08:00
that . token = uni . getStorageSync ( 'token' ) ;
2024-06-05 19:16:02 +08:00
} ,
2024-07-23 22:43:29 +08:00
computed : {
scrollIntoView ( ) {
return 'tab' + this . currentTab ;
}
} ,
2024-06-05 19:16:02 +08:00
methods : {
2024-07-23 22:43:29 +08:00
guanbi ( ) {
this . playShow = false ;
const videoContext = uni . createVideoContext ( 'myVideo' , this ) ;
videoContext . pause ( ) ; // 播放视频
this . $refs . pinglun . close ( "center" ) ;
} ,
jieshu ( ) {
this . playShow = true ;
const videoContext = uni . createVideoContext ( 'myVideo' , this ) ;
videoContext . pause ( ) ; // 播放视频
} ,
kaishi ( ) {
this . playShow = false ;
const videoContext = uni . createVideoContext ( 'myVideo' , this ) ;
videoContext . src = this . filePath ; // 设置视频源
videoContext . play ( ) ; // 播放视频
} ,
2024-08-01 13:50:54 +08:00
towxh5Video ( item , index ) {
2024-07-26 09:54:27 +08:00
this . playShow = true ;
2024-07-23 22:43:29 +08:00
this . filePath = item . filePath ;
this . contentVideo = item . content ;
2024-08-01 13:50:54 +08:00
this . videoId = item . id ;
2024-08-01 13:51:46 +08:00
// const videoContext = uni.createVideoContext('myVideo', this);
// videoContext.src = this.filePath; // 设置视频源
// setTimeout(()=>{
// videoContext.play(); // 播放视频
// },100)
2024-07-23 22:43:29 +08:00
this . $refs . pinglun . open ( "center" )
} ,
swichMenu ( index , id ) { //视频导航
this . currentTab = index ;
// 计算需要滚动的距离
const query = uni . createSelectorQuery ( ) . in ( this ) ;
query . select ( '.top-menu-view' ) . boundingClientRect ( data => {
this . scrollLeft = data . width / this . tabs . length * index ;
} ) . exec ( ) ;
this . parType = index + 1 ;
this . getVideo ( )
} ,
swiperChange ( e ) { //视频导航
let index = e . detail . current
this . swichMenu ( index ) ;
this . parType = index + 1 ;
this . getVideo ( )
} ,
getVideo ( ) {
var that = this ;
// 1.这里引入后端请求数据
var data = {
parType : that . parType ,
userId : uni . getStorageSync ( 'userId' ) ,
page : this . page ,
limit : 4 ,
}
if ( that . parType == '3' ) {
data . longitude = that . longitude ;
data . latitude = that . latitude ;
} else {
data . longitude = '' ;
data . latitude = '' ;
}
this . $Request . get ( "/app/shipinquan/list" , data ) . then ( res => {
if ( res . code == 0 ) {
that . swiperDateLists = res . data . list || { }
// this.dataList=res.data.records
} else {
uni . showToast ( {
title : res . msg ,
icon : 'none'
} )
}
} ) ;
} ,
2024-07-15 18:31:03 +08:00
goCity ( ) {
2024-07-16 15:17:09 +08:00
var that = this
2024-08-02 10:01:09 +08:00
uni . navigateTo ( {
2024-08-02 21:05:22 +08:00
url : '/pages/index/searchAddress?text=' + 'index'
2024-08-02 10:01:09 +08:00
} )
2024-07-16 15:17:09 +08:00
} ,
selectCity ( longitude , latitude ) {
2024-07-24 19:25:12 +08:00
var that = this ;
2024-08-02 21:05:22 +08:00
var longitude = that . longitude ;
var latitude = that . latitude ;
let amapKey = that . Key2 ; // 替换为你的高德地图API Key
let url = ` https://restapi.amap.com/v3/geocode/regeo?key= ${ amapKey } &location= ${ longitude } , ${ latitude } &radius=1000 ` ;
uni . request ( {
url : url ,
success : ( response ) => {
if ( response . data && response . data . regeocode ) {
let address = response . data . regeocode . formatted _address ;
let province = response . data . regeocode . addressComponent . province ;
let city = response . data . regeocode . addressComponent . city ;
let district = response . data . regeocode . addressComponent . district ;
let township = response . data . regeocode . addressComponent . township ;
let streetNumber = response . data . regeocode . addressComponent . streetNumber . street ;
let number = response . data . regeocode . addressComponent . streetNumber . number ;
that . city = address . replace ( province , '' ) . replace ( city , '' ) . replace ( district , '' ) . replace ( streetNumber , '' ) . replace ( number , '' ) . replace ( township , '' )
// that.city=that.latadd
that . page = 1
that . getKTCityList ( ) ;
} else {
console . log ( '逆地理编码失败' , response . data ) ;
}
} ,
fail : ( error ) => {
console . log ( '网络请求失败' , error ) ;
}
2024-07-16 15:17:09 +08:00
} ) ;
2024-08-02 21:05:22 +08:00
// that.$Request.get('/app/Login/selectCity?lat=' + latitude + '&lng=' + longitude).then(res => {
// if (res.code == 0) {
// console.log("我的地址",res)
// let chinaAddressParts = res.data.address.match(/^(?<province>[^省]+省|[^自]+自治区|[^市]+市|[^县]+县|[^区]+区|[^town]+town|[^镇]+镇)?(?<city>[^市]+市|[^县]+县|[^区]+区|[^town]+town|[^镇]+镇)?(?<district>[^区]+区|[^县]+县|[^乡]+乡|[^街道]+街道)?(?<street>.+)$/);
// that.city=chinaAddressParts.groups.street
// that.page = 1
// that.getKTCityList();
// }
// });
2024-07-15 18:31:03 +08:00
} ,
2024-07-10 17:58:14 +08:00
searchBtn ( ) { //搜索按钮
2024-07-15 16:30:27 +08:00
uni . navigateTo ( {
url : '/pages/my/fuwuGengduo?searchValue=' + this . searchValue
} )
2024-07-10 17:58:14 +08:00
} ,
input ( res ) { //搜索 输入框
this . searchValue = res ;
} ,
changeSelect ( e ) {
this . changeSelectData = e
} ,
2024-07-09 11:02:01 +08:00
shangcheng ( ) {
uni . navigateTo ( {
url : '/package/pages/zysc/index/index'
} )
} ,
2024-07-10 15:32:28 +08:00
yuedao ( text ) {
2024-07-09 11:02:01 +08:00
uni . navigateTo ( {
2024-07-10 15:32:28 +08:00
url : '/pages/shop/index?text=' + text
2024-07-09 11:02:01 +08:00
} )
} ,
closePopup ( type ) { //提前结束 关闭弹出框
this . type = type
this . $refs . popup . close ( type ) ;
} ,
gangBtn ( type ) {
2024-07-26 14:21:46 +08:00
this . $refs . popup . open ( 'center' )
2024-07-09 11:02:01 +08:00
} ,
2024-07-02 22:23:55 +08:00
qidai ( ) {
uni . showToast ( {
title : '敬请期待!'
} )
} ,
2024-06-27 20:04:31 +08:00
getIsVip ( ) {
this . $Request . get ( "/app/UserVip/selectUserVip" ) . then ( res => {
if ( res . code == 0 ) {
// this.isVip = res.data
if ( res . data == undefined ) {
this . $queue . setData ( 'isVIP' , '0' )
} else {
this . $queue . setData ( 'isVIP' , '1' )
}
}
} ) ;
} ,
2024-06-26 10:18:30 +08:00
goChat ( ) {
let kefu = this . $queue . getData ( 'kefu' ) ; // 用户端联系方式 1 手机号 2企业微信
let kefuPhone = this . $queue . getData ( 'kefuPhone' ) ;
if ( kefu == 1 ) {
uni . makePhoneCall ( {
phoneNumber : kefuPhone //仅为示例
} ) ;
} else if ( kefu == 3 ) {
uni . navigateTo ( {
url : '/my/setting/customer'
} ) ;
} else {
// #ifdef MP-WEIXIN
let that = this
try {
wx . openCustomerServiceChat ( {
extInfo : {
url : that . $queue . getData ( 'kefuUrl' )
} ,
corpId : that . $queue . getData ( 'kefuAppId' ) ,
success ( res ) { } ,
fail ( res ) {
console . error ( res )
}
} )
} catch ( error ) {
console . error ( "catchcatch" + error )
uni . showToast ( {
title : '请更新至微信最新版本'
} ) ;
}
// #endif
// #ifndef MP-WEIXIN
let url = that . $queue . getData ( 'kefuUrl' ) ;
if ( url . indexOf ( '/pages/' ) !== - 1 || url . indexOf ( '/my/' ) !== - 1 ) {
uni . navigateTo ( {
url
} ) ;
} else {
//#ifndef H5
uni . navigateTo ( {
url : '/pages/index/webView?url=' + url
} ) ;
//#endif
//#ifdef H5
window . location . href = url ;
//#endif
}
// #endif
}
} ,
2024-06-25 22:48:55 +08:00
calculateDistance ( lat1 , lon1 , lat2 , lon2 ) {
// 将经纬度转换为弧度
const radLat1 = lat1 * ( Math . PI / 180 ) ;
const radLat2 = lat2 * ( Math . PI / 180 ) ;
const radLon1 = lon1 * ( Math . PI / 180 ) ;
const radLon2 = lon2 * ( Math . PI / 180 ) ;
const a = radLat1 - radLat2 ;
const b = radLon1 - radLon2 ;
// 使用海里公式计算距离
const Haversine = Math . pow ( Math . sin ( a / 2 ) , 2 ) + Math . cos ( radLat1 ) * Math . cos ( radLat2 ) * Math . pow ( Math . sin ( b / 2 ) , 2 ) ;
const distance = 2 * 6371 * Math . atan2 ( Math . sqrt ( Haversine ) , Math . sqrt ( 1 - Haversine ) ) ;
// 返回单位为公里的距离
return distance ;
} ,
2024-06-25 20:23:11 +08:00
// 开启订阅消息
openMsg ( ) {
console . log ( '订阅消息' )
var that = this
uni . getSetting ( {
withSubscriptions : true , //是否获取用户订阅消息的订阅状态, 默认false不返回
success ( ret ) {
console . log ( ret . subscriptionsSetting , '------------------' )
// if (ret.subscriptionsSetting.itemSettings && Object.keys(ret.subscriptionsSetting.itemSettings).length == 2) {
if ( ret . subscriptionsSetting . itemSettings ) {
uni . setStorageSync ( 'sendMsg' , true )
uni . openSetting ( { // 打开设置页
success ( rea ) {
console . log ( rea . authSetting )
}
} ) ;
} else { // 用户没有点击“总是保持以上,不再询问”则每次都会调起订阅消息
uni . setStorageSync ( 'sendMsg' , false )
uni . showModal ( {
title : '提示' ,
content : '为了更好的体验,请绑定消息推送' ,
confirmText : '确定' ,
cancelText : '取消' ,
success : function ( res ) {
if ( res . confirm ) {
wx . requestSubscribeMessage ( {
tmplIds : that . arr ,
success ( re ) {
var datas = JSON . stringify ( re ) ;
if ( datas . indexOf ( "accept" ) != - 1 ) {
console . log ( re )
// uni.setStorageSync('sendMsg', true)
}
} ,
fail : ( res ) => {
console . log ( res )
}
} )
// uni.setStorageSync('sendMsg', true)
that . showModal = false
} else if ( res . cancel ) {
console . log ( '取消' )
// uni.setStorageSync('sendMsg', false)
that . showModal = true
}
}
} )
}
}
} )
} ,
getTpCount ( ) {
this . $Request . getT ( '/app/message/selectCityCount?city=' + this . city ) . then ( res => {
if ( res . code == 0 ) {
this . tpCount = res . data ? res . data : 0 ;
}
} ) ;
} ,
getTpMy ( ) {
this . $Request . getT ( '/app/message/selectMessageByUserId?page=1&limit=1&state=11' ) . then ( res => {
if ( res . code == 0 ) {
if ( res . data && res . data . list && res . data . list . length > 0 ) {
this . tpSel = 1 ;
} else {
this . tpSel = 2 ;
}
}
} ) ;
} ,
2024-07-16 15:17:09 +08:00
2024-06-24 11:29:11 +08:00
chaoji ( ) { //超级满减
uni . navigateTo ( {
url : '/my/wallet/index'
} )
} ,
xinren ( ) { //新人专享
2024-07-02 22:23:55 +08:00
uni . navigateTo ( {
url : '/my/hongbao/xinrenhongbao'
2024-06-24 11:29:11 +08:00
} )
2024-07-02 22:23:55 +08:00
2024-06-15 20:59:02 +08:00
} ,
2024-06-25 23:07:20 +08:00
goNavs ( e ) {
uni . switchTab ( {
url : e
} )
} ,
2024-06-15 20:59:02 +08:00
goNav ( e ) {
if ( e != undefined ) {
uni . navigateTo ( {
url : e
} )
} else {
uni . showToast ( {
title : '敬请期待!'
} )
}
} ,
2024-06-24 11:29:11 +08:00
// chooseItem(item){
// },
chooseItem ( e ) { //点击某一个item 推荐明星
2024-06-15 20:59:02 +08:00
console . log ( '授权' , uni . getStorageSync ( 'sendMsg' ) )
if ( uni . getStorageSync ( 'sendMsg' ) ) {
console . log ( '授权+1' )
wx . requestSubscribeMessage ( {
tmplIds : this . arr ,
success ( re ) {
2024-06-24 11:29:11 +08:00
console . log ( JSON . stringify ( re ) , 111111111111 )
2024-06-15 20:59:02 +08:00
var datas = JSON . stringify ( re ) ;
if ( datas . indexOf ( "accept" ) != - 1 ) {
console . log ( re )
}
} ,
fail : ( res ) => {
console . log ( res )
}
} )
}
if ( this . token ) {
uni . navigateTo ( {
url : '/pages/therapist/orderDetail?artificerId=' + e . artificerId + "&classifyId=" + this
. tabIndex
} ) ;
} else {
uni . navigateTo ( {
url : '/pages/public/login'
} ) ;
}
2024-06-24 11:29:11 +08:00
} ,
goOrder ( e ) {
console . log ( '授权' , uni . getStorageSync ( 'sendMsg' ) )
if ( uni . getStorageSync ( 'sendMsg' ) ) {
console . log ( '授权+1' )
wx . requestSubscribeMessage ( {
tmplIds : this . arr ,
success ( re ) {
console . log ( JSON . stringify ( re ) , 'asdasdasdasddas' )
var datas = JSON . stringify ( re ) ;
if ( datas . indexOf ( "accept" ) != - 1 ) {
console . log ( re )
}
} ,
fail : ( res ) => {
console . log ( res )
}
} )
}
if ( this . token ) {
uni . navigateTo ( {
url : '/pages/therapist/orderDetail?artificerId=' + e . artificerId + "&classifyId=" + this . tabIndex
} ) ;
} else {
uni . navigateTo ( {
url : '/pages/public/login'
} ) ;
}
2024-06-15 20:59:02 +08:00
} ,
gengduo ( ) {
uni . reLaunch ( {
url : '/pages/therapist/therapist'
} )
} ,
2024-06-25 20:23:11 +08:00
2024-06-15 09:08:10 +08:00
getCity ( e ) {
this . city = e [ 0 ] . label ;
uni . setStorageSync ( 'city' , this . city )
2024-06-25 10:32:36 +08:00
this . getKTCityList ( ) ;
this . getHomeArtificerList ( ) ;
2024-07-03 09:21:00 +08:00
this . getHomeNearbyList ( ) ;
2024-06-15 09:08:10 +08:00
// this.page = 1
// this.getlist()
} ,
2024-06-25 10:32:36 +08:00
getKTCityList ( ) {
this . $Request . getT ( '/app/trip/selectTripList' ) . then ( res => {
if ( res . code == 0 ) {
this . cityList = [ ] ;
let isOpen = false
let cityName = uni . getStorageSync ( 'city' ) ? uni . getStorageSync ( 'city' ) : '请选择城市'
res . data . forEach ( ( d , index ) => {
if ( cityName === d . city ) {
isOpen = true ;
}
let data = { }
data . label = d . city
data . value = index
this . cityList . push ( data ) ;
} ) ;
if ( ! isOpen ) {
this . orderList = [ ]
// this.showTP = true;
} else {
this . showTP = false ;
}
}
} ) ;
} ,
2024-06-15 09:08:10 +08:00
showCityList ( ) {
// #ifdef APP-PLUS
if ( this . latitude === '' || this . longitude === '' ) {
this . checkPermission ( ) ;
return ;
}
// #endif
this . Cityshow = true ;
} ,
onSearch ( e ) {
// this.artificerName = e;
this . getlist ( )
} ,
async checkPermission ( ) {
let status = permision . isIOS ? await permision . requestIOS ( 'location' ) : await permision . requestAndroid (
'android.permission.ACCESS_FINE_LOCATION' ) ;
if ( status === null || status === 1 ) {
status = 1 ;
} else if ( status === 2 ) {
uni . showModal ( {
content : "系统定位已关闭" ,
confirmText : "确定" ,
showCancel : false ,
success : function ( res ) { }
} )
} else if ( status . code ) {
uni . showModal ( {
content : status . message
} )
} else {
uni . showModal ( {
title : '定位服务已关闭' ,
content : "您需要打开定位权限,否则我们将无法获得到您附近的项目服务,导致我们无法为您提供服务,请到>设置>隐私>定位服务>中开启【盛安到家】定位权限" ,
confirmText : "设置" ,
success : function ( res ) {
if ( res . confirm ) {
permision . gotoAppSetting ( ) ;
}
}
} )
}
return status ;
} ,
2024-07-03 09:21:00 +08:00
getHomeNearbyList ( ) { //附近技师
2024-06-15 09:08:10 +08:00
var data = {
isStart : 1 ,
status : 1 ,
2024-07-16 11:17:34 +08:00
// city: this.city,
2024-06-25 11:32:16 +08:00
longitude : this . longitude ,
latitude : this . latitude ,
2024-06-15 09:08:10 +08:00
page : 1 ,
limit : 3
}
this . $Request . get ( "/app/artificer/getHomeArtificerList" , data ) . then ( res => {
if ( res . code == 0 ) {
2024-06-25 22:48:55 +08:00
this . nearbyTechnician = res . nearData . list ;
2024-06-25 22:50:23 +08:00
// const myLatitude = this.latitude; // 当前位置纬度
// const myLongitude = this.longitude; // 当前位置经度
2024-06-25 22:48:55 +08:00
// const targetLatitude = 39.919; // 目标位置纬度
// const targetLongitude = 116.486; // 目标位置经度
2024-06-25 22:50:23 +08:00
// const targetLatitude = ''; // 目标位置纬度
// const targetLongitude =''; // 目标位置经度
2024-06-25 22:48:55 +08:00
for ( var i = 0 ; i < this .nearbyTechnician.length ; i + + ) {
const distance = this . calculateDistance (
this . latitude ,
this . longitude ,
this . nearbyTechnician [ i ] . latitude ,
this . nearbyTechnician [ i ] . longitude
) ;
this . nearbyTechnician [ i ] . dingwei = distance . toFixed ( 1 )
console . log ( ` 距离为: ${ distance . toFixed ( 1 ) } km ` ) ;
}
2024-07-03 09:21:00 +08:00
this . nearbyTechnician . sort ( ( a , b ) => a . dingwei - b . dingwei ) ;
// this.classifyId = res.data[0].id;
// this.getorderlist('')
}
} ) ;
} ,
getHomeArtificerList ( ) { //明星技师
var data = {
isStart : 1 ,
status : 1 ,
2024-07-16 11:17:34 +08:00
// city: this.city,
2024-07-03 09:21:00 +08:00
longitude : this . longitude ,
latitude : this . latitude ,
page : 1 ,
limit : 6
}
this . $Request . get ( "/app/artificer/getHomeArtificerList" , data ) . then ( res => {
if ( res . code == 0 ) {
this . starTechnician = res . startData . list ;
2024-07-12 13:51:45 +08:00
// for(var i=0;i<this.starTechnician.length;i++){
// const distance = this.calculateDistance(
// this.latitude,
// this.longitude,
// this.starTechnician[i].latitude,
// this.starTechnician[i].longitude
// );
// this.starTechnician[i].dingwei= distance.toFixed(1)
// console.log(`距离为: ${distance.toFixed(1)} km`);
// }
2024-06-15 09:08:10 +08:00
// this.classifyId = res.data[0].id;
// this.getorderlist('')
}
} ) ;
} ,
//获取轮播图
getBannerList ( ) {
this . $Request . get ( "/app/dict/list" , {
type : '服务类型'
} ) . then ( res => {
if ( res . code == 0 ) {
if ( res . data ) {
this . typeList = res . data
// this.classifyId = res.data[0].id;
// this.getorderlist('')
}
}
} ) ;
} ,
2024-06-24 11:29:11 +08:00
goDatail ( item ) { //热门精选,推荐套餐 跳详情
if ( this . currentTabFl == '1' ) {
uni . navigateTo ( {
url : '/pages/my/fuwuDateil?id=' + item . massageTypeId + '&limit=' + this . limit + '&page=' + this . page
} )
} else if ( this . currentTabFl == '2' ) {
uni . navigateTo ( {
url : '/pages/my/serviceOderDrtail?id=' + item . id + '&limit=' + this . limit + '&page=' + this . page + '&name=' + 'index' + '&isCanCoupon=' + item . isCanCoupon
} )
}
} ,
2024-06-12 15:52:21 +08:00
chengFel ( item ) { //大家常买。。。 导航切换
2024-06-24 11:29:11 +08:00
this . currentTabFl = item . id ;
if ( this . currentTabFl == '1' ) {
this . remen ( )
} else if ( this . currentTabFl == '2' ) {
this . tjtaocan ( )
} else if ( this . currentTabFl == '3' ) {
uni . navigateTo ( {
url : '/pages/my/fuwuxiangm'
} )
} else {
uni . navigateTo ( {
url : '/pages/my/fuwuGengduo'
} )
}
} ,
tjtaocan ( ) { //推荐套餐
this . $Request . get ( "/app/massage/package/findPage" , {
type : '104' ,
page : '1' ,
2024-07-02 20:57:04 +08:00
limit : '4'
2024-06-24 11:29:11 +08:00
} ) . then ( res => {
if ( res . code == 0 ) {
if ( res . data ) {
this . tjData = res . data . list
2024-07-25 20:58:11 +08:00
for ( var i = 0 ; i < this .tjData.length ; i + + ) {
this . tjData [ i ] . tagsData = this . tjData [ i ] . labels . split ( ',' ) ;
}
2024-06-24 11:29:11 +08:00
}
}
} ) ;
} ,
remen ( ) { //热门精选
this . $Request . get ( "/app/artificer/selectMassageTypePage" , {
by : '3' ,
status : '1' ,
page : '1' ,
2024-07-02 20:57:04 +08:00
limit : '4'
2024-06-24 11:29:11 +08:00
} ) . then ( res => {
if ( res . code == 0 ) {
if ( res . data ) {
this . tjData = res . data . list
2024-07-25 20:58:11 +08:00
for ( var i = 0 ; i < this .tjData.length ; i + + ) {
this . tjData [ i ] . tagsData = this . tjData [ i ] . labels . split ( ',' ) ;
}
2024-06-24 11:29:11 +08:00
}
}
} ) ;
2024-06-05 19:16:02 +08:00
} ,
2024-07-23 22:43:29 +08:00
2024-06-24 11:29:11 +08:00
2024-06-05 19:16:02 +08:00
}
}
< / script >
2024-06-12 15:52:21 +08:00
< style scoped >
2024-07-26 14:21:46 +08:00
. popup - view / deep / . uni - popup _ _wrapper - box {
display : flex ;
align - items : center ;
justify - content : center ;
}
2024-07-24 13:50:45 +08:00
/deep/ . uni - video - fullscreen {
display : none ;
}
/* 隐藏小窗口按钮 */
/deep/ . uni - video - switch {
display : none ;
}
2024-07-23 22:43:29 +08:00
. swiper - item - view {
width : 70 % ;
display : - webkit - box ;
- webkit - box - orient : vertical ;
- webkit - line - clamp : 1 ; /* 定义文本的行数 */
overflow : hidden ;
text - overflow : ellipsis ;
word - break : break - all ;
text - align : center ;
}
. videoConten {
width : 70 % ;
position : absolute ;
bottom : 0 px ;
margin - bottom : 60 px ;
2024-07-24 13:50:45 +08:00
/* height: 30px; */
2024-07-23 22:43:29 +08:00
display : - webkit - box ;
- webkit - box - orient : vertical ;
- webkit - line - clamp : 2 ; /* 定义文本的行数 */
overflow : hidden ;
text - overflow : ellipsis ;
word - break : break - all ;
margin - left : 15 px ;
color : # fff ;
}
2024-07-23 15:42:42 +08:00
. top - menu - view / deep / . uni - scroll - view - content {
justify - content : space - around ;
}
2024-07-23 22:43:29 +08:00
. guanbi {
width : 30 px ;
height : 30 px ;
position : absolute ;
top : 0 ;
right : 0 ;
margin - top : 15 px ;
margin - right : 9 px ;
}
. guanbi image {
width : 100 % ;
height : 100 % ;
}
/deep/ . uni - popup _ _wrapper - box {
width : 100 % ;
height : 100 % ;
}
. data - list {
width : 100 % ;
height : 162 px ;
background - color : # 000000 ;
}
. videoHovers {
width : 76 px ;
height : 76 px ;
position : absolute ;
top : 0 px ;
margin - top : 27 % ;
margin - left : 27 % ;
z - index : 99 ;
}
. videoHover {
width : 76 px ;
height : 76 px ;
position : absolute ;
top : 0 px ;
margin - top : 70 % ;
margin - left : 40 % ;
}
. videoHover image , . videoHovers image {
width : 100 % ;
height : 100 % ;
}
/deep/ . swiper - box - list / deep / . uni - scroll - view - content {
justify - content : space - around ! important ;
flex - wrap : wrap ;
}
2024-07-22 19:25:43 +08:00
. salogo {
2024-07-23 17:21:41 +08:00
width : 130 rpx ;
height : 32 rpx ;
2024-07-23 19:34:01 +08:00
margin - left : 34 rpx ;
margin - top : 6 rpx ;
2024-07-22 19:25:43 +08:00
}
2024-07-19 09:42:34 +08:00
. index - yanzheng {
2024-07-22 19:25:43 +08:00
width : 100 rpx ;
height : 22 rpx ;
margin - left : 4 rpx ;
2024-07-19 09:42:34 +08:00
}
2024-07-16 11:17:34 +08:00
. localName {
2024-07-22 19:25:43 +08:00
width : 100 px ;
2024-07-16 11:17:34 +08:00
margin - left : 4 rpx ;
font - weight : bold ;
color : # 333333 ;
margin - top : 3 rpx ;
overflow : hidden ; /* 确保超出容器的内容被裁剪 */
white - space : nowrap ; /* 确保文本在一行内显示 */
text - overflow : ellipsis ; /* 超出部分显示省略号 */
}
2024-07-22 19:25:43 +08:00
. view - more {
display : inline - block ;
border - top : 1 px solid ;
border - right : 1 px solid ;
width : 7 px ;
height : 7 px ;
border - color : # 999 ;
- webkit - transform : rotate ( 45 deg ) ;
transform : rotate ( 45 deg ) ;
margin - top : 3 px ;
}
2024-07-11 16:26:52 +08:00
/deep/ . uni - icons {
font - family : uniicons ;
text - decoration : none ;
text - align : center ;
color : # 019 c88 ! important ;
font - size : 30 rpx ! important ;
margin - top : 3 rpx ;
}
2024-07-10 17:58:14 +08:00
. index - mian / deep / . uni - scroll - view - content {
display : flex ;
flex - direction : column ;
justify - content : center ;
}
/deep/ . uni - select _ _selector - scroll {
height : 100 px ;
}
/deep/ . uni - stat _ _select {
width : 60 px ;
max - width : 60 px ;
}
2024-07-11 14:28:36 +08:00
/deep/ . uni - select _ _input - text {
width : 100 % ;
color : # 019 c88 ;
white - space : nowrap ;
text - overflow : ellipsis ;
- o - text - overflow : ellipsis ;
overflow : hidden ;
}
2024-07-10 17:58:14 +08:00
/deep/ . uni - select {
width : 60 px ;
font - size : 14 px ;
2024-07-11 14:28:36 +08:00
border : 1 px solid # a1e0d4 ;
2024-07-10 17:58:14 +08:00
box - sizing : border - box ;
2024-07-11 14:28:36 +08:00
border - radius : 30 px ;
padding : 0 4 px ;
2024-07-10 17:58:14 +08:00
padding - left : 10 px ;
position : relative ;
display : flex ;
- webkit - user - select : none ;
user - select : none ;
flex - direction : row ;
align - items : center ;
width : 100 % ;
flex : 1 ;
2024-07-11 14:28:36 +08:00
height : 30 px ;
background : linear - gradient ( 90 deg , # a4e1d5 , # e6f7f3 ) ;
color : # 019 c88 ;
2024-07-10 17:58:14 +08:00
}
/deep/ . uni - searchbar _ _cancel {
display : none ;
}
. search - btn {
text - align : center ;
line - height : 31 px ;
color : # fff ;
2024-07-19 09:42:34 +08:00
width : 130 rpx ! important ;
2024-07-10 17:58:14 +08:00
height : 32 px ! important ;
2024-07-19 09:42:34 +08:00
margin - right : 20 rpx ;
border - radius : 50 rpx ! important ;
2024-07-20 15:08:55 +08:00
background : linear - gradient ( 90 deg , # 019 c88 , # 2 fbf93 ) ! important ;
2024-07-10 17:58:14 +08:00
}
2024-07-15 16:28:28 +08:00
. index - line {
width : 100 % ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
2024-07-20 15:08:55 +08:00
align - items : center ;
2024-07-15 16:28:28 +08:00
}
2024-07-10 17:58:14 +08:00
/deep/ . uni - searchbar _ _box - icon - search , . search - btn {
height : 60 rpx ;
background : # 18 A689 ;
border - radius : 31 rpx ;
}
/deep/ . uni - searchbar _ _box {
2024-07-16 13:37:01 +08:00
height : 32 px ;
2024-07-10 17:58:14 +08:00
border - radius : 15 px ! important ;
background - color : # fff ! important ;
2024-07-20 11:44:52 +08:00
border : 1 rpx solid # 019 c88 ;
2024-07-10 17:58:14 +08:00
padding : 0 px ;
display : flex ;
flex - direction : row ;
flex - flow : row - reverse ;
position : relative ;
2024-07-15 16:30:27 +08:00
justify - content : center ;
2024-07-10 17:58:14 +08:00
}
/deep/ . uni - searchbar {
2024-07-20 11:44:52 +08:00
width : 80 % ;
2024-07-10 17:58:14 +08:00
border - radius : 31 rpx ;
2024-07-22 19:25:43 +08:00
margin - left : 6 rpx ;
2024-07-10 17:58:14 +08:00
}
2024-07-15 16:28:28 +08:00
. index - headset {
margin - right : 30 rpx ;
2024-07-20 11:44:52 +08:00
display : flex ;
align - items : center ;
2024-07-20 15:08:55 +08:00
margin - top : 4 rpx ;
2024-07-15 16:28:28 +08:00
}
. locate - line {
2024-07-22 19:25:43 +08:00
/*padding-left: 25rpx;*/
2024-07-15 16:28:28 +08:00
margin - top : 3 rpx ;
2024-07-20 11:44:52 +08:00
display : flex ;
align - items : center ;
2024-07-15 16:28:28 +08:00
}
2024-07-09 11:02:01 +08:00
. popup - mian - view {
width : 100 % ;
display : flex ;
flex - direction : row ;
align - items : center ;
}
. popup - mian - btn span : nth - child ( 1 ) {
background : linear - gradient ( 90 deg , # FE912E , # FF9970 ) ;
}
. popup - mian - btn span : nth - child ( 2 ) {
background : linear - gradient ( 90 deg , # 019 C88 , # 28 BA92 , # 35 C495 ) ;
}
2024-07-09 17:29:20 +08:00
2024-07-09 11:02:01 +08:00
. popup - mian - btn span {
width : 247 rpx ;
height : 77 rpx ;
line - height : 77 rpx ;
text - align : center ;
font - weight : 400 ;
font - size : 32 rpx ;
color : # FFFEFE ;
border - radius : 39 rpx ;
}
. popup - mian - btn {
width : 100 % ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
align - items : center ;
margin - top : 28 px ;
}
. popup - mian - textarea {
width : 525.69 rpx ;
height : 211.81 rpx ;
}
. popup - mian {
width : 88 % ;
display : flex ;
flex - direction : column ;
margin : 5 px auto 0 px auto ;
}
. popup - head span : nth - child ( 2 ) {
width : 50 rpx ;
height : 50 rpx ;
line - height : 19 px ;
text - align : center ;
font - size : 24 px ;
color : # 15 AB8D ;
border - radius : 50 % ;
border : 1 px solid # 15 AB8D ;
}
. popup - head span : nth - child ( 1 ) {
font - weight : bold ;
font - size : 32 rpx ;
color : # 333333 ;
}
. popup - head {
width : 100 % ;
height : 99.38 rpx ;
background - color : rgba ( 21 , 171 , 141 , 0.09 ) ;
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
padding : 0 15 px ;
}
. popup - content {
width : 613 rpx ;
2024-07-09 17:29:20 +08:00
height : 320 rpx ;
2024-07-10 14:56:29 +08:00
background : # fff url ( . . / . . / static / background - img3 . png ) no - repeat ;
background - size : 130 % ;
2024-07-09 11:02:01 +08:00
border - radius : 36 rpx ;
display : flex ;
flex - direction : column ;
}
2024-07-09 17:29:20 +08:00
. popup - close {
text - align : right ;
margin - top : 15 rpx ;
margin - right : 15 rpx ;
}
. popup - close - img {
width : 50 rpx ;
height : 50 rpx ;
}
2024-06-26 14:45:44 +08:00
/deep/ . item - descr {
- webkit - line - clamp : 1 ;
2024-06-28 15:30:12 +08:00
margin - top : 5 px ;
2024-06-26 14:45:44 +08:00
}
2024-06-24 11:29:11 +08:00
. index - card - image {
width : 100 % ;
height : 100 % ;
2024-07-03 13:41:18 +08:00
border - radius : 15 rpx ;
2024-06-24 11:29:11 +08:00
}
2024-06-25 21:25:46 +08:00
. content _bj {
height : 100 % ;
2024-06-25 22:16:20 +08:00
background : # fff url ( . . / . . / static / background - img2 . png ) no - repeat ;
background - size : 100 % ;
2024-06-25 21:25:46 +08:00
}
2024-06-24 11:29:11 +08:00
. index - card - view - title {
position : relative ;
width : 100 % ;
height : 337.5 rpx ;
display : flex ;
flex - direction : row ;
border - radius : 30 px ;
}
2024-06-15 09:08:10 +08:00
/deep/ . u - select {
width : 100 % ;
height : 100 % ;
}
/deep/ . u - select _ _header {
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
height : 38 px ;
padding : 0 19 px ;
}
/deep/ . u - content , /deep/ . u - search {
flex : none ;
2024-06-27 22:17:57 +08:00
width : 533 rpx ;
2024-06-15 09:08:10 +08:00
border - radius : 32 rpx ! important ;
height : 64 rpx ! important ;
}
/deep/ . u - action {
display : none ;
}
. dingwei - img {
2024-07-20 15:08:55 +08:00
width : 26 rpx ;
height : 29 rpx ;
2024-06-15 09:08:10 +08:00
}
2024-07-16 11:17:34 +08:00
2024-06-12 15:52:21 +08:00
. menu - topic - act . menu - topic - bottom - color {
background : linear - gradient ( 90 deg , rgba ( 234 , 248 , 245 , 0.7 ) , rgba ( 132 , 211 , 196 , 0.7 ) ) ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
/* 字体 */
. font - size - 19 {
font - size : 19 rpx ;
}
. font - size - 34 {
2024-06-27 16:26:58 +08:00
font - size : 35.72 rpx ;
2024-06-12 15:52:21 +08:00
}
. width {
width : 95 % ;
}
/* 样式 */
. index - taocan - view - nav : last - child . fenjie {
display : none ;
}
. index - taocan - view - nav - s {
2024-06-05 19:16:02 +08:00
width : 100 % ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : column ;
align - items : center ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - taocan - view - nav {
width : 25 % ;
display : flex ;
flex - direction : row ;
align - items : center ;
}
. swiper - item span : nth - child ( 1 ) {
2024-06-05 19:16:02 +08:00
font - weight : bold ;
2024-06-28 15:30:12 +08:00
font - size : 29 rpx ;
2024-06-12 15:52:21 +08:00
color : # 333333 ;
2024-06-28 15:30:12 +08:00
margin : 10 px 11 px 0 px 8 px ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. swiper - item span : nth - child ( 2 ) {
ont - weight : 400 ;
2024-06-28 15:30:12 +08:00
font - size : 24 rpx ;
2024-06-12 15:52:21 +08:00
color : # 999999 ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. swiper - item {
width : 100 % ;
display : flex ;
flex - direction : column ;
align - items : center ;
2024-06-05 19:16:02 +08:00
justify - content : center ;
}
2024-06-12 15:52:21 +08:00
. swiper - item - card {
2024-06-28 15:30:12 +08:00
width : 346 rpx ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : column ;
2024-06-28 15:30:12 +08:00
margin - top : 12 rpx ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. swiper - back - img {
width : 100 % ;
height : 338 rpx ;
background - color : rgba ( 0 , 0 , 0 , 0.2 ) ;
border - radius : 17 rpx ;
display : flex ;
align - items : center ;
justify - content : center ;
background : url ( . . / . . / static / yuyue . png ) 100 % no - repeat ;
}
. swiper - back - img image {
width : 91.67 rpx ;
height : 93.06 rpx ;
}
. body - view {
width : 100 % ;
2024-06-05 19:16:02 +08:00
overflow : hidden ;
2024-07-23 22:43:29 +08:00
padding - bottom : 100 px ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
/deep/ . uni - scroll - view - content {
display : flex ;
flex - direction : row ;
2024-07-12 13:51:45 +08:00
/* justify-content: space-around; */
2024-06-12 15:52:21 +08:00
}
. top - menu - view {
display : flex ;
flex - direction : row ;
justify - content : space - between ;
white - space : nowrap ;
2024-06-25 22:16:20 +08:00
background : linear - gradient ( 180 deg , rgba ( 238 , 250 , 246 , 0.6 ) , rgba ( 255 , 255 , 255 , 0.9 ) ) ;
2024-06-12 15:52:21 +08:00
background - color : rgba ( 1 , 156 , 136 , 0.2 ) ;
height : 108 rpx ;
line - height : 108 rpx ;
2024-06-25 22:16:20 +08:00
margin - top : 10 rpx ;
2024-06-12 15:52:21 +08:00
}
. menu - topic - text {
2024-06-28 15:30:12 +08:00
font - size : 30 rpx ;
color : # 333 ;
padding : 10 rpx 70 rpx ;
2024-06-12 15:52:21 +08:00
font - weight : 500 ;
}
. menu - topic - bottom {
position : absolute ;
bottom : 0 ;
width : 100 % ;
}
. menu - topic - view {
display : inline - block ;
white - space : nowrap ;
height : 86 rpx ;
position : relative ;
}
. menu - topic - act . menu - topic - bottom {
display : flex ;
justify - content : center ;
}
. menu - topic - act . menu - topic - text {
color : # 000000 ;
font - weight : bold ;
}
. menu - topic - bottom - color {
width : 62.5 rpx ;
height : 4 px ;
position : absolute ;
z - index : 66 ;
margin - top : - 23 px ;
}
/deep/ . menu - topic - act {
position : relative ;
}
. swiper - box - list {
width : 95 % ;
margin : 5 px auto ;
flex : 1 ;
background - color : # FFFFFF ;
height : 490 px ;
}
. swiper - topic - list {
2024-07-23 22:43:29 +08:00
width : 48 % ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : row ;
justify - content : space - between ;
flex - wrap : wrap ;
}
/* 隐藏滚动条,但依旧具备可以滚动的功能 */
/deep/ . uni - scroll - view : : - webkit - scrollbar {
display : none
}
. index - card - mian - biao - left , . index - card - mian - biao - right {
2024-06-26 10:19:28 +08:00
padding : 3 px 5 px ;
2024-06-12 15:52:21 +08:00
}
. index - card - mian - biao - right {
background - color : rgba ( 4 , 184 , 119 , 0.12 ) ;
2024-06-26 10:19:28 +08:00
border - radius : 8 rpx ;
2024-06-12 15:52:21 +08:00
font - weight : 400 ;
2024-06-28 15:55:10 +08:00
font - size : 23 rpx ;
2024-06-12 15:52:21 +08:00
color : # 0 EBE80 ;
margin - left : 10 px ;
}
. index - card - mian - biao - left {
2024-07-25 20:58:11 +08:00
background : linear - gradient ( 90 deg , # ffefde , # fff7ef ) ;
height : 34 rpx ;
line - height : 34 rpx ;
2024-06-26 10:19:28 +08:00
border - radius : 8 rpx ;
2024-07-25 20:58:11 +08:00
padding : 0 10 rpx ;
font - size : 22 rpx ;
margin - right : 8 rpx ;
margin - bottom : 8 rpx ;
color : # f68607 ;
2024-06-12 15:52:21 +08:00
}
. index - card - mian - biao {
width : 100 % ;
display : flex ;
flex - direction : row ;
align - items : center ;
}
. index - card - mian - title {
2024-06-25 22:16:20 +08:00
font - size : 28 rpx ;
color : # 333333 ;
2024-06-12 15:52:21 +08:00
}
. marginTop {
2024-06-25 22:16:20 +08:00
margin - bottom : 5 px ;
2024-06-12 15:52:21 +08:00
}
. index - card - mian {
width : 100 % ;
display : flex ;
flex - direction : column ;
2024-06-25 22:16:20 +08:00
margin - top : 5 px ;
2024-06-12 15:52:21 +08:00
}
. index - card - view - title - right {
width : 65 px ;
height : 47 rpx ;
line - height : 47 rpx ;
background : linear - gradient ( 90 deg , # 019 C88 , # 28 BA92 , # 35 C495 ) ;
border - top - left - radius : 10 px ;
border - bottom - right - radius : 10 px ;
2024-06-05 19:16:02 +08:00
text - align : center ;
2024-06-12 15:52:21 +08:00
font - weight : 400 ;
2024-06-25 22:16:20 +08:00
font - size : 22 rpx ;
2024-06-12 15:52:21 +08:00
color : # fff ;
position : absolute ;
2024-06-25 22:16:20 +08:00
top : 15 rpx ;
left : 10 rpx ;
2024-06-24 11:29:11 +08:00
/* margin-left: 85px; */
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - card - view - title - left {
width : 95 px ;
height : 46.53 rpx ;
line - height : 46.53 rpx ;
font - weight : 400 ;
font - size : 21 rpx ;
2024-06-05 19:16:02 +08:00
text - align : center ;
2024-06-12 15:52:21 +08:00
color : # 333333 ;
border - top - left - radius : 30 px ;
background - color : rgba ( 176 , 176 , 176 , 0.48 ) ;
2024-06-05 19:16:02 +08:00
}
2024-06-24 11:29:11 +08:00
2024-06-12 15:52:21 +08:00
. index - card - mian - time , . index - card - mian - money {
display : flex ;
flex - direction : row ;
align - items : center ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - card - mian - money - zhen {
font - weight : 400 ;
font - size : 31 rpx ;
color : # 000000 ;
}
. index - card - mian - money - jia {
margin - left : 10 px ;
font - weight : 400 ;
font - size : 24 rpx ;
color : # 999999 ;
text - decoration - line : line - through ;
}
. index - card - mian - time span {
font - weight : 400 ;
font - size : 24 rpx ;
color : # 666666 ;
}
. index - card - mian - time image {
width : 20.83 rpx ;
height : 20.83 rpx ;
margin - right : 10 px ;
}
. index - card - view {
width : 336.81 rpx ;
display : flex ;
flex - direction : column ;
2024-07-02 20:57:04 +08:00
margin - top : 7 px ;
2024-06-12 15:52:21 +08:00
}
2024-06-24 11:29:11 +08:00
. tuijian - view {
width : 100 % ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
align - items : center ;
margin - top : 15 px ;
}
2024-06-12 15:52:21 +08:00
. index - card {
width : 100 % ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
2024-07-02 20:57:04 +08:00
flex - wrap : wrap ;
2024-06-12 15:52:21 +08:00
align - items : center ;
margin - top : 15 px ;
}
. fenjie {
width : 1 rpx ;
height : 32 rpx ;
background : # CCCCCC ;
}
. index - taocan - view - nav - text {
font - weight : bold ;
2024-06-27 16:26:58 +08:00
font - size : 30 rpx ;
2024-06-12 15:52:21 +08:00
}
. index - taocan - view - nav - jie {
font - weight : 400 ;
2024-06-27 16:26:58 +08:00
font - size : 22 rpx ;
2024-06-25 21:25:46 +08:00
color : # 999 ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. activeL {
color : # 019 C88 ;
}
. activeXL {
color : # 2 FC590 ;
}
. activeH {
2024-06-25 21:25:46 +08:00
color : # 333333 ;
2024-06-12 15:52:21 +08:00
}
. activexH {
color : # 999999 ;
}
2024-06-25 21:25:46 +08:00
. feng _word {
font - size : 25 rpx ;
}
2024-06-12 15:52:21 +08:00
. index - taocan - view {
2024-06-05 19:16:02 +08:00
width : 100 % ;
display : flex ;
2024-06-12 15:52:21 +08:00
flex - direction : row ;
2024-06-05 19:16:02 +08:00
align - items : center ;
2024-06-12 15:52:21 +08:00
justify - content : space - between ;
2024-06-28 15:30:12 +08:00
margin - top : 28 rpx ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - taocan {
2024-06-26 10:19:28 +08:00
padding : 0 30 rpx ;
width : 100 % ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : column ;
2024-06-26 10:19:28 +08:00
background : linear - gradient ( 180 deg , rgba ( 238 , 250 , 246 , 0.6 ) , rgba ( 255 , 255 , 255 , 0.9 ) ) ;
2024-07-04 19:13:27 +08:00
margin : 20 rpx 0 px 0 px 0 px ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - fujin - jie - id {
2024-06-25 21:25:46 +08:00
height : 30 rpx ;
2024-06-27 16:26:58 +08:00
font - size : 24 rpx ;
2024-06-12 15:52:21 +08:00
color : # 999999 ;
2024-06-24 11:29:11 +08:00
text - align : center ;
display : table ;
2024-06-25 21:25:46 +08:00
width : 100 px ;
white - space : pre - wrap ;
2024-06-24 11:29:11 +08:00
display : - webkit - box ;
- webkit - box - orient : vertical ;
2024-06-25 10:32:36 +08:00
- webkit - line - clamp : 1 ;
2024-06-24 11:29:11 +08:00
overflow : hidden ;
2024-06-12 15:52:21 +08:00
}
. index - fujin - jie - name {
2024-06-27 22:17:57 +08:00
margin - bottom : 3 px ;
2024-06-28 15:30:12 +08:00
font - size : 30 rpx ;
2024-06-12 15:52:21 +08:00
color : # 333333 ;
2024-06-28 15:30:12 +08:00
font - weight : bold ;
2024-06-12 15:52:21 +08:00
}
. index - fujin {
width : 100 % ;
height : 290 px ;
2024-06-25 21:25:46 +08:00
background : linear - gradient ( 0 deg , # fff , # F4FFFB ) ;
2024-06-28 15:30:12 +08:00
margin - top : 5 rpx ;
2024-06-12 15:52:21 +08:00
}
. index - fujin - jie - view {
width : 222.22 rpx ;
2024-06-05 19:16:02 +08:00
display : flex ;
flex - direction : column ;
align - items : center ;
2024-06-24 11:29:11 +08:00
margin - top : 10 px ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - fujin - jie {
width : 100 % ;
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
2024-06-05 19:16:02 +08:00
}
2024-06-15 09:08:10 +08:00
. fujin - view {
width : 100 % ;
display : flex ;
flex - direction : column ;
align - items : center ;
2024-06-26 14:45:44 +08:00
padding - bottom : 10 px ;
2024-06-15 09:08:10 +08:00
}
2024-06-12 15:52:21 +08:00
. index - fujin - view {
width : 222.22 rpx ;
position : relative ;
display : flex ;
align - items : center ;
2024-06-15 09:08:10 +08:00
height : 313 rpx ;
2024-06-12 15:52:21 +08:00
}
. index - fujin - view - img {
width : 100 % ;
2024-06-25 21:25:46 +08:00
height : 308.5 rpx ;
2024-06-12 15:52:21 +08:00
border - radius : 14 rpx ;
}
. index - fujin - view - text {
width : 100 % ;
height : 63 px ;
2024-06-05 19:16:02 +08:00
display : flex ;
2024-06-12 15:52:21 +08:00
flex - direction : row ;
align - items : flex - end ;
2024-06-05 19:16:02 +08:00
justify - content : center ;
2024-06-26 10:19:28 +08:00
background : linear - gradient ( 4 deg , rgba ( 0 , 156 , 136 , 0.3 ) , rgba ( 0 , 156 , 136 , 0 ) ) ;
2024-06-12 15:52:21 +08:00
border - radius : 0 px 0 px 7 px 7 px ;
position : absolute ;
2024-06-25 21:25:46 +08:00
bottom : 1 px ;
2024-06-12 15:52:21 +08:00
padding - bottom : 13 px ;
2024-06-05 19:16:02 +08:00
}
2024-06-12 15:52:21 +08:00
. index - fujin - img {
margin : 0 auto ;
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
}
. index - fujin - view - text span {
font - weight : 400 ;
font - size : 25 rpx ;
color : # FFFFFF ;
}
. index - fujin - view - text image {
width : 20.83 rpx ;
2024-07-20 11:44:52 +08:00
height : 22.61 rpx ;
2024-06-12 15:52:21 +08:00
margin - right : 5 px ;
}
. index - fujin - title - left image {
width : 33.33 rpx ;
height : 33.33 rpx ;
margin - right : 10 px ;
}
. index - fujin - title - left span {
font - weight : bold ;
font - size : 31 rpx ;
color : # 333333 ;
}
. index - fujin - title - left - text , . index - fujin - title - left - btn {
font - weight : 400 ;
2024-06-28 15:30:12 +08:00
font - size : 23 rpx ;
color : # 333 ;
2024-06-12 15:52:21 +08:00
}
. index - fujin - title - left - btn {
2024-06-28 15:30:12 +08:00
margin - left : 8 px ;
margin - right : 5 px ;
2024-06-12 15:52:21 +08:00
}
. index - fujin - title - left , . index - fujin - title - right {
display : flex ;
flex - direction : row ;
align - items : center ;
}
. index - fujin - title {
margin : 0 auto ;
2024-06-25 21:25:46 +08:00
padding : 15 px 0 px ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : row ;
justify - content : space - between ;
align - items : center ;
2024-06-25 21:25:46 +08:00
margin - top : 10 px ;
2024-06-12 15:52:21 +08:00
}
. index - guanggao - pintuan {
width : 340.28 rpx ;
height : 100 % ;
}
. index - guanggao - right {
2024-06-25 21:25:46 +08:00
width : 360.28 rpx ;
2024-06-12 15:52:21 +08:00
height : 100 % ;
display : flex ;
flex - direction : column ;
justify - content : space - between ;
2024-06-25 21:25:46 +08:00
}
. index - guanggao - right - cika {
2024-06-12 15:52:21 +08:00
width : 100 % ;
height : 200.56 rpx ;
2024-06-25 21:25:46 +08:00
margin - bottom : 10 rpx ;
}
. index - guanggao - right - yuyue {
width : 100 % ;
height : 200.56 rpx ;
}
2024-06-12 15:52:21 +08:00
. index - guanggao {
margin : 10 px auto ;
display : flex ;
flex - direction : row ;
justify - content : space - between ;
height : 426.39 rpx ;
}
. index - project {
display : flex ;
flex - direction : row ;
flex - wrap : wrap ;
2024-06-25 22:16:20 +08:00
margin : 5 px 10 px 20 px 10 px ;
2024-06-12 15:52:21 +08:00
}
. index - project - content image {
width : 68.75 rpx ;
height : 72.22 rpx ;
}
. index - project - content {
display : flex ;
flex - direction : column ;
flex - basis : 20 % ;
align - items : center ;
margin - top : 15 px ;
height : 58 px ;
}
2024-07-09 17:29:20 +08:00
. index - project - content1 {
display : flex ;
flex - direction : column ;
flex - basis : 33 % ;
align - items : center ;
margin - top : 15 px ;
height : 58 px ;
}
. index - project - content1 image {
width : 68.75 rpx ;
height : 72.22 rpx ;
}
2024-06-12 15:52:21 +08:00
. star - technician - name {
font - weight : bold ;
font - size : 37 rpx ;
color : # FFFFFF ;
2024-06-28 14:29:22 +08:00
margin - top : - 26 rpx ;
2024-06-12 15:52:21 +08:00
}
. star - technician - name - bot {
font - weight : 400 ;
font - size : 21 rpx ;
color : # FFFFFF ;
opacity : 0.7 ;
margin - left : 10 px ;
}
. star - technician - gengguo {
font - weight : 400 ;
font - size : 22 rpx ;
color : # FFFFFF ;
}
. star - technician - top - text {
display : flex ;
flex - direction : row ;
align - items : center ;
}
. title - star {
2024-06-28 14:29:22 +08:00
width : 95.1 % ;
2024-06-12 15:52:21 +08:00
margin : 0 auto ;
display : flex ;
height : 51 px ;
}
. star - technician - top {
width : 100 % ;
height : 100 % ;
padding : 0 px 20 px ;
background - image : url ( . . / . . / static / frame . png ) ;
background - size : 100 % ;
background - repeat : no - repeat ;
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
2024-06-25 21:25:46 +08:00
}
2024-06-12 15:52:21 +08:00
. star - technician - mian {
width : 100 % ;
height : 100 % ;
}
. star - technician {
position : relative ;
2024-07-03 21:34:26 +08:00
margin : - 15 px auto 0 px auto ;
height : 236 px ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : column ;
background : # FFFFFF ;
2024-06-28 15:30:12 +08:00
border - radius : 0 px 0 px 10 px 10 px ;
2024-06-12 15:52:21 +08:00
border : 4.5 px solid # 049 E89 ;
2024-06-28 14:29:22 +08:00
padding : 0 px 10 px ;
2024-06-12 15:52:21 +08:00
}
. index - gun {
width : 400 px ! important ;
white - space : nowrap ;
overflow - x : scroll ;
}
. index - fenl {
overflow : hidden ;
height : 40 px ;
margin : 0 auto ;
}
. fenl : nth - child ( 1 ) {
padding - left : 0 px ! important ;
}
. fenl {
display : inline - block ;
padding : 0 px 10 px ;
text - align : center ;
color : # 666666 ;
font - weight : 500 ;
font - size : 34 rpx ;
}
. index - nav - bottom image {
2024-06-25 21:25:46 +08:00
width : 350.11 rpx ;
2024-06-12 15:52:21 +08:00
height : 182.64 rpx ;
}
. index - nav - bottom {
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
2024-06-25 21:25:46 +08:00
margin : 0 px auto 8 px auto ;
2024-06-12 15:52:21 +08:00
}
2024-07-10 17:58:14 +08:00
2024-06-12 15:52:21 +08:00
. index - mian - select image {
width : 16 px ;
height : 8 px ;
margin - left : 5 px ;
}
. index - mian - select {
display : flex ;
flex - direction : row ;
align - items : center ;
}
. index - mian {
2024-07-23 19:34:01 +08:00
width : 98 % ;
margin : 4 rpx auto ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : row ;
justify - content : space - between ;
align - items : center ;
}
. index - top - mian {
display : flex ;
2024-07-15 16:28:28 +08:00
margin - left : 15 rpx ;
2024-06-12 15:52:21 +08:00
}
. index - top - left {
color : # 019 C88 ;
font - weight : bold ;
}
. index - top - right {
display : flex ;
flex - direction : row ;
align - items : center ;
}
. index - top - right image {
width : 13 px ;
height : 12 px ;
margin - right : 5 px ;
}
. index - top - mian - text {
display : flex ;
flex - direction : row ;
align - items : center ;
2024-06-27 22:17:57 +08:00
margin - left : 5 px ;
2024-06-12 15:52:21 +08:00
}
. index - top - mian - text span {
2024-06-25 21:25:46 +08:00
color : # 019 c88 ;
2024-06-12 15:52:21 +08:00
font - weight : 400 ;
2024-06-28 15:30:12 +08:00
margin - left : 3 px ;
font - size : 12 px ;
2024-06-12 15:52:21 +08:00
}
. index - top - mian - text image {
2024-06-28 15:30:12 +08:00
width : 30 rpx ;
height : 30 rpx ;
2024-06-12 15:52:21 +08:00
}
. index - top {
2024-06-28 15:30:12 +08:00
width : 94 % ;
2024-06-12 15:52:21 +08:00
display : flex ;
flex - direction : row ;
align - items : center ;
justify - content : space - between ;
margin : 0 auto ;
}
. index - head {
2024-06-25 21:25:46 +08:00
width : 100 % ;
2024-06-12 15:52:21 +08:00
display : flex ;
align - items : flex - start ;
flex - direction : column ;
padding - top : 10 px ;
}
. content {
width : 100 % ;
height : 100 vh ;
overflow : auto ;
2024-06-05 19:16:02 +08:00
}
2024-07-25 20:58:11 +08:00
. shop _label {
display : flex ;
flex - wrap : wrap ;
margin - top : 10 rpx ;
}
. shop _label span {
background : linear - gradient ( 90 deg , # ffefde , # fff7ef ) ;
height : 34 rpx ;
line - height : 34 rpx ;
border - radius : 8 rpx ;
padding : 0 10 rpx ;
font - size : 22 rpx ;
margin - right : 8 rpx ;
margin - bottom : 8 rpx ;
color : # f68607 ;
}
2024-06-12 15:52:21 +08:00
< / style >