|
|
@@ -1,26 +1,26 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<!-- 背景图片 -->
|
|
|
- <image class="bg" src="https://user.test.ylrztop.com/images/home_top_bg.png" mode="widthFix"></image>
|
|
|
+ <image class="bg" src="@/static/image/top_bg.png" mode="widthFix"></image>
|
|
|
<view>
|
|
|
<view class="top-inner">
|
|
|
- <view class="fixed-top-box" :style="{ background: bgColor }">
|
|
|
+ <view class="fixed-top-box" :style="{ background: bgColor ,paddingBottom:top>0?'20rpx':''}">
|
|
|
<!-- 这里是状态栏 -->
|
|
|
- <view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
- <view class="top-title">
|
|
|
- <view class="name">壹柒玖康养集团</view>
|
|
|
- <!-- <view class="dot">•</view><view class="sub-name">七彩互联网医院</view> -->
|
|
|
- </view>
|
|
|
+ <!-- <view class="status_bar" :style="{height: statusBarHeight}"></view> -->
|
|
|
+ <!-- <view class="top-title">
|
|
|
+ <view class="name">互联网医院</view>
|
|
|
+
|
|
|
+ </view> -->
|
|
|
<!-- 搜索框、购物车、客服 -->
|
|
|
- <view class="func-cont">
|
|
|
+ <view class="func-cont" :style="{marginTop: menuButtonInfo.top}">
|
|
|
<view class="search-cont">
|
|
|
- <image class="icon-search" src="../../static/images/search.png" mode=""></image>
|
|
|
- <input type="text" disabled value="" placeholder="搜索商品、症状、功能主治"
|
|
|
- placeholder-style="font-size:28rpx;color:#BBBBBB;font-family: PingFang SC;"
|
|
|
- @click="toSearch" />
|
|
|
+ <image class="icon-search" src="@/static/image/icon_search.png" mode=""></image>
|
|
|
+ <input type="text" disabled value="" placeholder="请输入关键字或作者"
|
|
|
+ placeholder-style="font-size:28rpx;color:#BBBBBB;font-family: PingFang SC;" />
|
|
|
+ <view class="btn" @click="toSearch">搜索</view>
|
|
|
</view>
|
|
|
<!-- 购物车 -->
|
|
|
- <uni-badge size="small" :text="cartCount" absolute="rightTop" type="error">
|
|
|
+ <!-- <uni-badge size="small" :text="cartCount" absolute="rightTop" type="error">
|
|
|
<view class="img-item" @click="goAuthUrl('../shopping/cart')">
|
|
|
<image src="../../static/images/cart_wihte.png" mode=""></image>
|
|
|
</view>
|
|
|
@@ -28,7 +28,7 @@
|
|
|
<view class="img-item" style="position: relative;">
|
|
|
<image src="../../static/images/customer.png" mode=""></image>
|
|
|
<button class="contact-btn" open-type="contact"></button>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
<!-- <view class="tips">
|
|
|
|
|
|
@@ -38,7 +38,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 头部间距 -->
|
|
|
- <view style="padding-bottom:220rpx">
|
|
|
+ <view style="padding-bottom:100rpx">
|
|
|
<view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
</view>
|
|
|
<!-- 轮播图 -->
|
|
|
@@ -54,435 +54,191 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 菜单 -->
|
|
|
- <view class="menu-content">
|
|
|
- <text class="weight-600 mb26 ml32">我的健康数据</text>
|
|
|
- <view class="menu-box">
|
|
|
- <Menu :list="menus" @menuClick="menuClick" v-if="menus.length>0" style="width:100%;"></Menu>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- 在线问诊、处方查询 -->
|
|
|
- <view class="online-inquiry">
|
|
|
- <!-- <view class="item" @click="navTo('/pages/doctor/doctorQr')"> -->
|
|
|
- <view class="item" @click="navTo('/pages_health/healthConsulting')">
|
|
|
- <image class="bg-img" src="https://user.test.ylrztop.com/images/online_treat.png" mode="aspectFill"></image>
|
|
|
- <view class="inner">
|
|
|
- <text class="title">健康<text class="color-pink">咨询</text></text>
|
|
|
- <text class="sub-title">三师在线服务</text>
|
|
|
+ <!-- 养生讲堂 -->
|
|
|
+ <view class="doctor-articles">
|
|
|
+ <view class="box-title">
|
|
|
+ <view class="title-l">在线讲座</view>
|
|
|
+ <view class="title-m" @click="navTo('/pages_live/lecture')">
|
|
|
+ 查看更多
|
|
|
+ <image src="@/static/image/icon_more.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- <view class="item" @click="goAuthUrl('/pages_user/user/prescribeOrder')"> -->
|
|
|
- <view class="item" @click="navTo('/pages_health/healthfiles')">
|
|
|
- <image class="bg-img" src="https://user.test.ylrztop.com/images/chu_query.png" mode="aspectFill"></image>
|
|
|
- <view class="inner">
|
|
|
- <text class="title">健康<text class="color-yellow">专管</text></text>
|
|
|
- <text class="sub-title">糖尿病/体重</text>
|
|
|
- </view>
|
|
|
+ <view class="title-box">
|
|
|
+ <u-tabs :list="livetabList"
|
|
|
+ :activeStyle="{width:'136rpx',height:'56rpx',lineHeight:'56rpx',textAlign:'center',fontWeight: '500',color: '#fff',background: 'linear-gradient( 90deg, #61A3FF 0%, #207DFF 100%)',borderRadius:'98rpx'}"
|
|
|
+ :inactiveStyle="{width:'136rpx',height:'56rpx',lineHeight:'56rpx',fontWeight: '400',color: '#666666',background:'#fff',borderRadius:'98rpx',textAlign:'center'}"
|
|
|
+ lineColor="#F7F8FA" @click="selectlivetab"></u-tabs>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="modules">
|
|
|
- <view class="module">
|
|
|
- <!--养生有道-->
|
|
|
- <view class="depts">
|
|
|
- <view class="title">养生有道</view>
|
|
|
- <view class="dept-box">
|
|
|
- <view @click="yangshengClick(item)" class="dept" :key="index"
|
|
|
- v-for="(item,index) in yangshengs">
|
|
|
- <image class="icon" :src="item.icon"></image>
|
|
|
- <view class="title">{{item.title}} </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 养生讲堂 -->
|
|
|
- <view class="doctor-articles">
|
|
|
- <view class="title-box">
|
|
|
- <!-- <view class="title">养生讲堂</view> -->
|
|
|
- <u-tabs :list="livetabList"
|
|
|
- :activeStyle="{fontWeight: '600',color: '#222426',fontSize: '34rpx'}"
|
|
|
- :inactiveStyle="{color: '#222426',fontSize: '32rpx'}" @click="selectlivetab"
|
|
|
- scrollable="false"></u-tabs>
|
|
|
- <view class="more" @click="navTo('/pages_index/index/doctorArticleList')">
|
|
|
- <view class="text">更多</view>
|
|
|
- <image src="/static/images/right.png"></image>
|
|
|
+ <scroll-view :scroll-x="true">
|
|
|
+ <view class="article-box">
|
|
|
+ <view class="article" @click="navTo('/pages_live/addForm')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="views">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_goon.png"></image>
|
|
|
+ <view class="status">进行中</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <scroll-view :scroll-x="true">
|
|
|
- <view class="article-box">
|
|
|
- <view class="article"
|
|
|
- @click="navTo('/pages_index/index/doctorArticleDetails?articleId='+item.articleId)"
|
|
|
- v-for="(item,index) in doctocArticles" :key="index">
|
|
|
- <view class="image-box">
|
|
|
- <image mode="aspectFill" :src="item.imageUrl"></image>
|
|
|
- <view class="views">
|
|
|
- {{item.views}}人观看
|
|
|
- </view>
|
|
|
- <view class="doctor">
|
|
|
- <image mode="aspectFill" :src="item.avatar||''"></image>
|
|
|
- <view class="right">
|
|
|
- <view class="doc-name ellipsis">{{item.doctorName||''}}</view>
|
|
|
- <view class="doc-position ellipsis">{{item.position||''}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
- <view class="article-title-box">
|
|
|
- <view class="article-title more-t">{{item.title}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </scroll-view>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!--养生干货-->
|
|
|
- <view class="articles">
|
|
|
- <view class="title-box">
|
|
|
- <!-- <view class="title">养生干货</view> -->
|
|
|
- <u-tabs :list="articletabList"
|
|
|
- :activeStyle="{fontWeight: '600',color: '#222426',fontSize: '34rpx'}"
|
|
|
- :inactiveStyle="{color: '#222426',fontSize: '32rpx'}" @click="selectarticletab"
|
|
|
- scrollable="false"></u-tabs>
|
|
|
- <view class="more" @click="navTo('/pages_index/index/articleList')">
|
|
|
- <view class="text">更多</view>
|
|
|
- <image src="../../static/images/right.png"></image>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- <view class="article-box" v-if="articles.length>0">
|
|
|
- <view class="item" :key="index"
|
|
|
- @click="navTo('/pages_index/index/articleDetails?articleId='+item.articleId)"
|
|
|
- v-for="(item,index) in articles">
|
|
|
- <view class="left">
|
|
|
- <view class="title ellipsis1">
|
|
|
- {{item.title}}
|
|
|
+ <view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId=')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="views">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_tobestart.png"></image>
|
|
|
+ <view class="status">待开始</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
- <!-- 新加的文章内容 -->
|
|
|
- <view class="txt ellipsis2">
|
|
|
- {{item.title}}
|
|
|
+ </view>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
</view>
|
|
|
- <view class="views">
|
|
|
- 浏览量 {{item.views}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId=')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="views">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_goon.png"></image>
|
|
|
+ <view class="status">进行中</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="right">
|
|
|
- <image :src="item.imageUrl"></image>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="index-cont">
|
|
|
- <!-- 医生团队 -->
|
|
|
- <!-- <view class="pub-item">
|
|
|
- <view class="pub-title-box">
|
|
|
- <text class="left">医生团队</text>
|
|
|
- <view class="right" @click="navTo('/pages_doctor/doctorList')">
|
|
|
- <text class="text">全部医生</text>
|
|
|
- <image src="../../static/images/arrow_gray.png" mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="doc-cont">
|
|
|
- <view class="inner">
|
|
|
- <view class="item" v-for="(item,index) in doctorList" :key="index" @click="shopDoctor(item)">
|
|
|
- <view class="head-box">
|
|
|
- <image :src="item.headImg" mode="aspectFill"></image>
|
|
|
- </view>
|
|
|
- <text class="name ellipsis">{{ item.doctorName }}</text>
|
|
|
- <text class="position ellipsis">
|
|
|
- {{utils.getDictLabelName("doctorPosition",item.position)}}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <!-- <view class="pub-item">
|
|
|
- <view class="tabs">
|
|
|
- <view class="tab" @click="docTabChange(1)">
|
|
|
- <image v-if="docTab==1" class="img" src="../../static/images/tab1.png" mode=""></image>
|
|
|
- <view class="inner">
|
|
|
- <text :class="docTab == 1?'title active':'title'" >推荐医生</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="tab" @click="docTabChange(2)">
|
|
|
- <image v-if="docTab==2" class="img" src="../../static/images/tab2.png" mode=""></image>
|
|
|
- <view class="inner">
|
|
|
- <text :class="docTab == 2?'title active':'title'" >推荐药师</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="tab" @click="docTabChange(3)">
|
|
|
- <image v-if="docTab==3" class="img" src="../../static/images/tab3.png" mode=""></image>
|
|
|
- <view class="inner">
|
|
|
- <text :class="docTab == 3?'title active':'title'" >推荐营养师</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="doctor-articles">
|
|
|
+ <view class="box-title">
|
|
|
+ <view class="title-l">空中课堂</view>
|
|
|
+ <view class="title-m" @click="navTo('/pages_live/lesson')">查看更多
|
|
|
+ <image src="@/static/image/icon_more.png" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="doc-tab-box">
|
|
|
- <view class="tab-inner" >
|
|
|
- <view
|
|
|
- v-for="(item,index) in depts"
|
|
|
- :key="index"
|
|
|
- :class="item.departmentId == deptId?'item active':'item'"
|
|
|
- @click="deptChange(item)"
|
|
|
- >
|
|
|
- <view class="text">
|
|
|
- {{ item.departmentName }}
|
|
|
- <image v-show="item.departmentId == deptId" class="tab-bg" src="../../static/images/tab_bg.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="title-box">
|
|
|
+ <u-tabs :list="livetabList"
|
|
|
+ :activeStyle="{width:'136rpx',height:'56rpx',lineHeight:'56rpx',textAlign:'center',fontWeight: '500',color: '#fff',background: 'linear-gradient( 90deg, #61A3FF 0%, #207DFF 100%)',borderRadius:'98rpx'}"
|
|
|
+ :inactiveStyle="{width:'136rpx',height:'56rpx',lineHeight:'56rpx',fontWeight: '400',color: '#666666',background:'#fff',borderRadius:'98rpx',textAlign:'center'}"
|
|
|
+ lineColor="#F7F8FA" @click="selectlivetab"></u-tabs>
|
|
|
+ </view>
|
|
|
+ <scroll-view :scroll-x="true">
|
|
|
+ <view class="article-box">
|
|
|
+ <view class="article" @click="navTo('/pages_live/lessonDetail?articleId=87')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="zhibo">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_video.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <image class="right-mask" src="../../static/images/mask.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="doc-list">
|
|
|
- <view class="item" v-for="(item,index) in doctorList" :key="index" @click="shopDoctor(item)"> -->
|
|
|
- <!-- 头像 -->
|
|
|
- <!-- <view class="head-box">
|
|
|
- <image :src="item.headImg" mode="aspectFill"></image>
|
|
|
- </view> -->
|
|
|
- <!-- 详细信息 -->
|
|
|
- <!-- <view class="info"> -->
|
|
|
- <!-- 姓名等 -->
|
|
|
- <!-- <view class="top">
|
|
|
- <text class="name">{{ item.doctorName }}</text>
|
|
|
- <view class="line"></view>
|
|
|
- <text class="other">{{utils.getDictLabelName("doctorPosition",item.position)}}</text>
|
|
|
- <view class="line"></view>
|
|
|
- <text class="other">{{ item.departmentName }}</text>
|
|
|
- </view> -->
|
|
|
- <!-- 单位 -->
|
|
|
- <!-- <view class="unit-box"> -->
|
|
|
- <!-- <view class="level">三甲</view> -->
|
|
|
- <!-- <view class="name">{{ item.hospitalName }}</view>
|
|
|
- </view> -->
|
|
|
- <!-- 擅长 -->
|
|
|
- <!-- <view class="expertise ellipsis2">
|
|
|
- 擅长:{{ item.doctorDesc }}
|
|
|
- </view> -->
|
|
|
- <!-- 评分 -->
|
|
|
- <!-- <view class="rate-box">
|
|
|
- <view class="star">
|
|
|
- <image src="../../static/images/star.png" mode=""></image>
|
|
|
- <text>{{ item.pings }}</text>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="num-box">
|
|
|
- <text class="label">接诊数</text>
|
|
|
- <text class="num">{{ item.orders }}</text>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="num-box">
|
|
|
- <text class="label">响应速度</text>
|
|
|
- <text class="num">{{ item.speed }}分钟</text>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
- <!-- 价格 -->
|
|
|
- <!-- <view class="price-box">
|
|
|
- <view class="btn-item" v-for="(subitme) in item.price">
|
|
|
- <text class="label" >{{subitme.priceType==1?'图文':'语音'}}</text>
|
|
|
- <text class="num">¥{{subitme.price.toFixed(2)}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="bottom-title" @click="navTo('/pages_doctor/doctorList?doctorType='+docTab)">
|
|
|
- <text >{{allDoctorTitle}}</text>
|
|
|
- <image src="../../static/images/arrow3.png" mode=""></image>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- -->
|
|
|
- <!-- <view class="doc-cont">
|
|
|
- <view class="inner">
|
|
|
- <view class="item" v-for="(item,index) in doctorList" :key="index" @click="shopDoctor(item)">
|
|
|
- <view class="head-box">
|
|
|
- <image :src="item.headImg" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
- <text class="name ellipsis">{{ item.doctorName }}</text>
|
|
|
- <text class="position ellipsis">
|
|
|
- {{utils.getDictLabelName("doctorPosition",item.position)}}
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <!-- </view> -->
|
|
|
- <!-- 问诊案例 -->
|
|
|
- <!-- <view class="pub-item">
|
|
|
- <view class="pub-title-box">
|
|
|
- <text class="left">问诊案例</text>
|
|
|
- <view class="right" @click="viewAll('doctorCase')">
|
|
|
- <text class="text">全部案例</text>
|
|
|
- <image src="../../static/images/arrow_gray.png" mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="inner">
|
|
|
- <view class="pub-tab-box">
|
|
|
- <view class="tab-inner">
|
|
|
- <view
|
|
|
- v-for="(item,index) in orderTypes"
|
|
|
- :key="index"
|
|
|
- :class="item.id == orderType?'item cases active':'item cases'"
|
|
|
- @click="orderTypeChange(item)"
|
|
|
- >
|
|
|
- <view class="text">
|
|
|
- {{ item.name }}
|
|
|
- <image v-show="item.id == orderType" class="tab-bg" src="../../static/images/tab_bg.png" mode=""></image>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="right-mask" src="../../static/images/mask.png" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="cases-list">
|
|
|
- <view class="item" v-for="(item,index) in doctorOrderList" :key="index">
|
|
|
- <view class="dec-text ellipsis2">{{item.title}}</view>
|
|
|
- <view class="images-box" v-if="item.imgs!=null" >
|
|
|
- <view class="img-item" v-for="(subitem,j) in utils.photosToArr(item.imgs)" @click="showImg(item.imgs)" :key="j">
|
|
|
- <image :src="subitem" mode="aspectFill" ></image>
|
|
|
- </view>
|
|
|
+ <view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId=')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="zhibo">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_video.png"></image>
|
|
|
</view>
|
|
|
- <view class="doc-info">
|
|
|
- <view class="head">
|
|
|
- <image :src="item.doctorHeadImg" mode="aspectFill"></image>
|
|
|
- </view>
|
|
|
- <view class="name">{{item.doctorName}}</view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="posit">
|
|
|
- {{utils.getDictLabelName("doctorPosition",item.doctorPosition)}}
|
|
|
+ </view>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="address">{{item.hospitalName}}</view>
|
|
|
</view>
|
|
|
- <view class="answer-box">
|
|
|
- <text class="text-inner" v-if="item.orderType == '1' ">{{item.replyContent}}</text>
|
|
|
- <view class="voice-inner" v-if="item.orderType == '2'">
|
|
|
- <free-audio
|
|
|
- startPic='/static/images/play.png'
|
|
|
- endPic='/static/images/pause.png'
|
|
|
- activeColor="#0bb3f2"
|
|
|
- :audioId="'audio'+index"
|
|
|
- :url='item.replyAudioUrl'
|
|
|
- ></free-audio>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="read-box">
|
|
|
- <image src="../../static/images/eye.png" mode=""></image>
|
|
|
- <text class="text">{{item.views}}人看过</text>
|
|
|
- </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
-
|
|
|
- <!-- 热门榜单 -->
|
|
|
- <NewProduct :detail="newProductList" />
|
|
|
- <HotProduct :detail="hotProductList" />
|
|
|
- <!-- 健康百科 -->
|
|
|
- <!-- <view class="pub-item" style="margin-top: 20rpx;">
|
|
|
- <view class="pub-title-box">
|
|
|
- <text class="left">健康百科</text>
|
|
|
- <view class="right" @click="switchTo('../healthy/index')">
|
|
|
- <text class="text">更多</text>
|
|
|
- <image src="../../static/images/arrow_gray.png" mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="inner">
|
|
|
- <view class="pub-tab-box">
|
|
|
- <view class="tab-inner">
|
|
|
- <view v-for="(item,index) in articleCateList" :key="index"
|
|
|
- :class="item.cateId == cateId?'item active':'item'" @click="articleCateChange(item)">
|
|
|
- <view class="text">
|
|
|
- {{ item.cateName }}
|
|
|
- <image v-show="item.cateId == cateId" class="tab-bg"
|
|
|
- src="../../static/images/tab_bg.png" mode=""></image>
|
|
|
- </view>
|
|
|
+ <view class="article" @click="navTo('/pages_index/index/doctorArticleDetails?articleId=')">
|
|
|
+ <view class="image-box">
|
|
|
+ <image class="bg" mode="aspectFill" src="@/static/image/bg_invitecard.png"></image>
|
|
|
+ <view class="zhibo">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_video.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <image class="right-mask" src="../../static/images/mask.png" mode=""></image>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="know-list">
|
|
|
- <view class="item" v-for="(item,index) in articleList" :key="index" @click="showArticle(item)">
|
|
|
- <view class="left">
|
|
|
- <view class="title ellipsis2">{{ item.title }}</view>
|
|
|
- <view class="info-box">
|
|
|
- <view class="readers">
|
|
|
- <view class="head-box" v-if="item.viewsList!=null&&item.viewsList.length>0">
|
|
|
- <view class="head" v-for="(subitem,j) in item.viewsList" :key="j"
|
|
|
- v-if="subitem!=null">
|
|
|
- <image
|
|
|
- :src="subitem.avatar==null?'/static/images/detault_head.jpg':subitem.avatar"
|
|
|
- mode=""></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="readings">
|
|
|
- <image class="eye" src="../../static/images/eye.png" mode=""></image>
|
|
|
- <text class="num">{{item.views}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="time">{{item.publishTime}}</view>
|
|
|
+ <view class="article-title-box">
|
|
|
+ <view class="article-title one-t">王医生学术直播</view>
|
|
|
+ <view class="name-title one-t">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_doctor.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 王小明-副主任医师/副主任副主任
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="right">
|
|
|
- <image :src="item.imageUrl" mode="aspectFill"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <!-- 精选药品 -->
|
|
|
- <!-- <TuiProduct ref="tuiProduct" /> -->
|
|
|
- <!-- <view class="feat-title">
|
|
|
- <image src="../../static/images/tui.png" mode=""></image>
|
|
|
- <text>精选药品</text>
|
|
|
- </view>
|
|
|
- <view class="drug-list">
|
|
|
- <view class="item" v-for="(item,index) in tuiProductList" :key="index" @click="showProduct(item)">
|
|
|
- <view class="img-box">
|
|
|
- <image :src="item.image" mode="aspectFit"></image>
|
|
|
- </view>
|
|
|
- <view class="info-box">
|
|
|
- <view class="title ellipsis2">{{ item.productName }}</view>
|
|
|
- <view class="price-box">
|
|
|
- <view class="now">
|
|
|
- <text class="unit">¥</text>
|
|
|
- <text class="num">{{item.price.toFixed(2)}}</text>
|
|
|
+ <view class="position-title">
|
|
|
+ <image mode="aspectFill" src="@/static/image/icon_hospital.png"></image>
|
|
|
+ <view class="one-t">
|
|
|
+ 北京人民医院
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="old">¥{{item.otPrice.toFixed(2)}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
- <!-- 限时消息 -->
|
|
|
- <!-- <view class="message-box" >
|
|
|
- <view class="left">
|
|
|
- <image src="../../static/images/close24.png" mode="" @click="closeMsg"></image>
|
|
|
- <view class="text ellipsis">关注公众号了解更新</view>
|
|
|
- </view>
|
|
|
- <view class="btn">查看</view>
|
|
|
-
|
|
|
- </view> -->
|
|
|
- <!-- #ifdef MP-WEIXIN -->
|
|
|
- <!-- <view class="official-account">
|
|
|
- <official-account @load="bindload" @error="binderror"></official-account>
|
|
|
- </view> -->
|
|
|
- <!-- #endif -->
|
|
|
- <view class="popup-box" v-if="activityShow">
|
|
|
- <view class="info-mask" @tap="closeActivity()"></view>
|
|
|
- <view class="info-form">
|
|
|
- <image :src="activity.logoUrl" @tap="showActivity()" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- <z-modal :show="tuiModalControl" placeholderText="请输入邀请码" :btnGroup="btnGroup" :contentType="2"
|
|
|
- titleText="填写邀请码" @cancle="cancleTui" @sure="submitTui"></z-modal> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -512,26 +268,14 @@
|
|
|
import {
|
|
|
getStoreConfig
|
|
|
} from '@/api/common'
|
|
|
- import tabBg from "@/static/images/tab_bg.png"
|
|
|
- import freeAudio from '@/components/chengpeng-audio/free-audio.vue'
|
|
|
- import Menu from '@/components/Menu.vue'
|
|
|
- import HotProduct from './components/HotProduct.vue'
|
|
|
- import NewProduct from './components/NewProduct.vue'
|
|
|
- // import TuiProduct from '@/components/tuiProduct.vue'
|
|
|
import {
|
|
|
getUserInfo,
|
|
|
bindPromoter
|
|
|
} from '@/api/user'
|
|
|
export default {
|
|
|
- components: {
|
|
|
- // zModal,
|
|
|
- freeAudio,
|
|
|
- Menu,
|
|
|
- HotProduct,
|
|
|
- NewProduct
|
|
|
- },
|
|
|
data() {
|
|
|
return {
|
|
|
+ menuButtonInfo: {}, // 胶囊按钮布局信息
|
|
|
btnGroup: [{
|
|
|
text: '取消',
|
|
|
color: '#FFFFFF',
|
|
|
@@ -592,7 +336,7 @@
|
|
|
], //文章TAB
|
|
|
// 状态栏的高度
|
|
|
statusBarHeight: uni.getStorageSync('menuInfo').statusBarHeight,
|
|
|
- tabBg: tabBg, // tab切换背景
|
|
|
+ // tabBg: tabBg, // tab切换背景
|
|
|
// 问诊案例类型
|
|
|
orderTypes: [{
|
|
|
name: '全部',
|
|
|
@@ -659,6 +403,7 @@
|
|
|
this.getStoreActivity();
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
+ this.getMenuButtonInfo(); // 初始化获取胶囊信息
|
|
|
if (option.userCode != null) {
|
|
|
uni.setStorageSync('userCode', option.userCode);
|
|
|
if (this.utils.checkLoginState()) {
|
|
|
@@ -694,7 +439,7 @@
|
|
|
},
|
|
|
onShareAppMessage(res) {
|
|
|
return {
|
|
|
- title: '壹柒玖康养集团-您的专属健康解决方案',
|
|
|
+ title: '互联网医院-您的专属健康解决方案',
|
|
|
path: `/pages/common/launch`,
|
|
|
imageUrl: 'https://user.test.ylrztop.com/images/logo.png' //分享图标,路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
|
|
|
}
|
|
|
@@ -706,7 +451,7 @@
|
|
|
//分享到朋友圈
|
|
|
onShareTimeline(res) {
|
|
|
return {
|
|
|
- title: '壹柒玖康养集团-您的专属健康解决方案',
|
|
|
+ title: '互联网医院-您的专属健康解决方案',
|
|
|
query: '', //页面参数
|
|
|
imageUrl: 'https://user.test.ylrztop.com/images/logo.png' //分享图标,路径可以是本地文件路径、代码包文件路径或者网络图片路径.支持PNG及JPG。显示图片长宽比是 5:4
|
|
|
}
|
|
|
@@ -715,7 +460,7 @@
|
|
|
// 计算属性的 getter
|
|
|
bgColor: function() {
|
|
|
var top = this.top / 30;
|
|
|
- return 'rgba(11,179,242, ' + top + ')';
|
|
|
+ return 'rgba(202, 230, 255,' + top + ')';
|
|
|
},
|
|
|
},
|
|
|
onShow() {
|
|
|
@@ -755,6 +500,20 @@
|
|
|
rej => {}
|
|
|
);
|
|
|
},
|
|
|
+ // 获取胶囊按钮布局参数
|
|
|
+ getMenuButtonInfo() {
|
|
|
+ // 微信小程序API(Uniapp可直接用uni.getMenuButtonBoundingClientRect)
|
|
|
+ const menuBtn = uni.getMenuButtonBoundingClientRect();
|
|
|
+ if (menuBtn) {
|
|
|
+
|
|
|
+ this.menuButtonInfo = {
|
|
|
+ top: menuBtn.top + 'px', // 胶囊顶部距离
|
|
|
+ height: menuBtn.height + 'px', // 胶囊高度
|
|
|
+ centerY: (menuBtn.top + menuBtn.height / 2) + 'px', // 胶囊垂直居中Y坐标
|
|
|
+ right: menuBtn.right + 'px' // 胶囊右侧距离
|
|
|
+ };
|
|
|
+ }
|
|
|
+ },
|
|
|
cancleTui(e) {
|
|
|
this.tuiModalControl = false
|
|
|
},
|
|
|
@@ -1092,7 +851,7 @@
|
|
|
// 顶部搜索
|
|
|
toSearch() {
|
|
|
uni.navigateTo({
|
|
|
- url: './productSearch'
|
|
|
+ url: '/pages_live/search'
|
|
|
})
|
|
|
},
|
|
|
// 健康知识选中
|
|
|
@@ -1184,10 +943,11 @@
|
|
|
|
|
|
<style lang="scss">
|
|
|
.ellipsis1 {
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
+
|
|
|
.fixed-top-box {
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
@@ -1209,12 +969,13 @@
|
|
|
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
- background: #EFF3F7;
|
|
|
+ background: #F7F8FA;
|
|
|
position: relative;
|
|
|
+ padding-bottom: 28rpx;
|
|
|
|
|
|
.bg {
|
|
|
width: 100%;
|
|
|
- height: 380rpx;
|
|
|
+ // height: 380rpx;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
@@ -1262,33 +1023,51 @@
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- padding: 30upx 20upx 30upx 20upx;
|
|
|
+ padding: 0 20upx;
|
|
|
|
|
|
.search-cont {
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- width: 552upx;
|
|
|
- height: 72upx;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 36upx;
|
|
|
- padding: 0 30upx;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 500rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ background: rgba(255, 255, 255, 0.6);
|
|
|
+ border-radius: 38rpx 38rpx 38rpx 38rpx;
|
|
|
+ border: 2rpx solid #388BFF;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ padding-right: 8rpx;
|
|
|
|
|
|
.icon-search {
|
|
|
- width: 28upx;
|
|
|
- height: 28upx;
|
|
|
- margin-right: 20upx;
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
}
|
|
|
|
|
|
input {
|
|
|
- height: 60upx;
|
|
|
- line-height: 60upx;
|
|
|
- flex: 1;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ // flex: 1;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #999999;
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- ;
|
|
|
- ;
|
|
|
+ .btn {
|
|
|
+ width: 88rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ background: #388BFF;
|
|
|
+ border-radius: 40rpx 40rpx 40rpx 40rpx;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
v-deep.uni-badge {
|
|
|
border: none;
|
|
|
@@ -1339,15 +1118,15 @@
|
|
|
|
|
|
.inner {
|
|
|
width: 702rpx;
|
|
|
- height: 228rpx;
|
|
|
- border-radius: 10upx;
|
|
|
+ height: 280rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
overflow: hidden;
|
|
|
|
|
|
.swiper,
|
|
|
.swiper-item,
|
|
|
.swiper-item image {
|
|
|
width: 702rpx;
|
|
|
- height: 228rpx;
|
|
|
+ height: 280rpx;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -1435,7 +1214,8 @@
|
|
|
.index-cont {
|
|
|
box-sizing: border-box;
|
|
|
// padding: 0 20upx 120rpx;
|
|
|
- padding: 0 24upx 20upx;
|
|
|
+ padding: 0 24upx 20upx;
|
|
|
+
|
|
|
.pub-item {
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 16upx;
|
|
|
@@ -2242,475 +2022,519 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .modules {
|
|
|
- .module {
|
|
|
- .depts {
|
|
|
- z-index: 101;
|
|
|
- margin: 40rpx 24rpx 0rpx;
|
|
|
- padding: 30rpx 0;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 16rpx;
|
|
|
|
|
|
- .title {
|
|
|
- margin-left: 32rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 34rpx;
|
|
|
- color: #222426;
|
|
|
- }
|
|
|
+ .box-title {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 24rpx;
|
|
|
+ position: relative;
|
|
|
+ .title-l {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
|
|
|
- .dept-box {
|
|
|
- margin-top: 22rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
+ .title-m {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #999999;
|
|
|
+ margin-right: 4rpx;
|
|
|
|
|
|
- .dept {
|
|
|
- width: 25%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 14rpx 0;
|
|
|
+ image {
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .icon {
|
|
|
- width: 58rpx;
|
|
|
- height: 58rpx;
|
|
|
- }
|
|
|
+ .doctor-articles {
|
|
|
+ z-index: 101;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ // padding: 32rpx;
|
|
|
+ // background-color: #fff;
|
|
|
+ // border-radius: 16rpx;
|
|
|
|
|
|
- .title {
|
|
|
- margin-left: 0;
|
|
|
- margin-top: 10rpx;
|
|
|
- font-size: 24upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #111111;
|
|
|
- }
|
|
|
- }
|
|
|
+ .title-box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ ::v-deep.u-tabs__wrapper__nav__item {
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
+
|
|
|
+ .more {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #9B9B9B;
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ // margin-left: 10rpx;
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .doctor-articles {
|
|
|
- z-index: 101;
|
|
|
- margin: 20rpx 24rpx 0rpx;
|
|
|
- padding: 32rpx;
|
|
|
- background-color: #fff;
|
|
|
+ .article-box {
|
|
|
+ padding-top: 24rpx;
|
|
|
+ overflow-x: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+
|
|
|
+ .article {
|
|
|
+ width: 320rpx;
|
|
|
+ height: 328rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
border-radius: 16rpx;
|
|
|
|
|
|
- .title-box {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ &:last-child {
|
|
|
+ margin-right: 0rpx;
|
|
|
+ }
|
|
|
|
|
|
- .title {
|
|
|
- font-size: 32upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #111111;
|
|
|
+ .image-box {
|
|
|
+ width: 320rpx;
|
|
|
+ height: 180rpx;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 16rpx 16rpx 0rpx 0rpx;
|
|
|
+
|
|
|
+ .bg {
|
|
|
+ border-radius: 16rpx 16rpx 0rpx 0rpx;
|
|
|
+ width: 320rpx;
|
|
|
+ height: 180rpx;
|
|
|
}
|
|
|
|
|
|
- .more {
|
|
|
+ .views {
|
|
|
+ position: absolute;
|
|
|
+ top: 0rpx;
|
|
|
+ left: 0rpx;
|
|
|
+ width: 112rpx;
|
|
|
+ height: 32rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ border-radius: 16rpx 0rpx 16rpx 0rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-family: PingFang SC-Bold, PingFang SC;
|
|
|
|
|
|
- .text {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #9B9B9B;
|
|
|
+ image {
|
|
|
+ width: 36rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhibo {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
|
|
image {
|
|
|
- // margin-left: 10rpx;
|
|
|
- width: 48rpx;
|
|
|
- height: 48rpx;
|
|
|
+ width: 56rpx;
|
|
|
+ height: 56rpx;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .article-box {
|
|
|
- padding: 32rpx 0rpx;
|
|
|
- overflow-x: auto;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
|
|
|
- .article {
|
|
|
- width: 300rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
- // background: #f9f8fe;
|
|
|
+ .doctor {
|
|
|
+ margin: 10rpx;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
+ align-items: center;
|
|
|
justify-content: flex-start;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0rpx;
|
|
|
+ left: 0rpx;
|
|
|
|
|
|
- &:last-child {
|
|
|
- margin-right: 0rpx;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .image-box {
|
|
|
- width: 300rpx;
|
|
|
- height: 400rpx;
|
|
|
- position: relative;
|
|
|
- border-radius: 20rpx;
|
|
|
-
|
|
|
- image {
|
|
|
- border-radius: 20rpx;
|
|
|
- width: 300rpx;
|
|
|
- height: 400rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .views {
|
|
|
- position: absolute;
|
|
|
- top: 0rpx;
|
|
|
- left: 0rpx;
|
|
|
- padding: 4rpx 12rpx;
|
|
|
- background: rgba(0, 0, 0, 0.25);
|
|
|
- border-radius: 12rpx 0rpx 12rpx 0rpx;
|
|
|
- opacity: 1;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- font-family: PingFang SC-Bold, PingFang SC;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .doctor {
|
|
|
- margin: 10rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- position: absolute;
|
|
|
- bottom: 0rpx;
|
|
|
- left: 0rpx;
|
|
|
-
|
|
|
- image {
|
|
|
- border-radius: 50%;
|
|
|
- width: 64rpx;
|
|
|
- height: 64rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .right {
|
|
|
- width: 200rpx;
|
|
|
- margin-left: 10rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .doc-name {
|
|
|
- width: 200rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: bold;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- .doc-position {
|
|
|
- width: 100%;
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- opacity: 0.8;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ image {
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 64rpx;
|
|
|
+ height: 64rpx;
|
|
|
}
|
|
|
|
|
|
- .article-title-box {
|
|
|
- width: 100%;
|
|
|
- margin-top: 10rpx;
|
|
|
+ .right {
|
|
|
+ width: 200rpx;
|
|
|
+ margin-left: 10rpx;
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- height: 80upx;
|
|
|
- .article-title {
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .doc-name {
|
|
|
+ width: 200rpx;
|
|
|
font-size: 30rpx;
|
|
|
- // font-weight: bold;
|
|
|
+ font-weight: bold;
|
|
|
font-family: PingFang SC;
|
|
|
- color: #2A2B2E;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
+ .doc-position {
|
|
|
+ width: 100%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- .doctors {
|
|
|
- z-index: 101;
|
|
|
- margin: 20rpx 15rpx;
|
|
|
- padding: 20rpx;
|
|
|
- box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 15rpx;
|
|
|
|
|
|
- .title-box {
|
|
|
+ .article-title-box {
|
|
|
+ width: 100%;
|
|
|
+ padding: 16rpx;
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
+ align-items: flex-start;
|
|
|
+ flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
+ height: 148rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
- .title {
|
|
|
- font-size: 32upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #111111;
|
|
|
+ .article-title {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ .one-t{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .more {
|
|
|
+ .name-title {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
-
|
|
|
- .text {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #898E91;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #999999;
|
|
|
+ .one-t{
|
|
|
+ width: 80%;
|
|
|
}
|
|
|
-
|
|
|
image {
|
|
|
- margin-left: 10rpx;
|
|
|
- width: 15rpx;
|
|
|
- height: 20rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
+ .position-title {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #999999;
|
|
|
+ .one-t{
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+ image {
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ margin-right: 14rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
- .articles {
|
|
|
- z-index: 101;
|
|
|
- // margin: 20rpx 15rpx;
|
|
|
- margin: 20rpx 24rpx 0rpx;
|
|
|
- padding: 32rpx;
|
|
|
- // box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 16rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .title-box {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ .doctors {
|
|
|
+ z-index: 101;
|
|
|
+ margin: 20rpx 15rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 15rpx;
|
|
|
|
|
|
- .title {
|
|
|
- font-size: 32upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #111111;
|
|
|
- }
|
|
|
+ .title-box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- .more {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
+ .title {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
|
|
|
- .text {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color:#898E91;
|
|
|
- // width: calc(100% - 556rpx);
|
|
|
- }
|
|
|
+ .more {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
|
|
|
- image {
|
|
|
- // margin-left: 10rpx;
|
|
|
- width: 48rpx;
|
|
|
- height: 48rpx;
|
|
|
- }
|
|
|
+ .text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #898E91;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ image {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ width: 15rpx;
|
|
|
+ height: 20rpx;
|
|
|
}
|
|
|
|
|
|
- .article-box {
|
|
|
- margin-top: 15rpx;
|
|
|
- padding: 20rpx 0rpx 0rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .item {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 32rpx;
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
- border-bottom: 1px solid #ECECEC;
|
|
|
- padding-bottom: 32rpx;
|
|
|
- &:last-child {
|
|
|
- margin-bottom: 0rpx;
|
|
|
- border-bottom: 0;
|
|
|
- }
|
|
|
+ }
|
|
|
|
|
|
- .left {
|
|
|
- flex: 1;
|
|
|
- height: 160rpx;
|
|
|
- margin-right: 30rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: space-between;
|
|
|
- width: calc(100% - 260upx);
|
|
|
- .title {
|
|
|
- width: 100%;
|
|
|
- font-size: 28upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #111111;
|
|
|
- }
|
|
|
+ .articles {
|
|
|
+ z-index: 101;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
|
|
|
- .txt {
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #898E91;
|
|
|
- }
|
|
|
+ .title-box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- .views {
|
|
|
- font-size: 24upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #B2B2B2;
|
|
|
- }
|
|
|
- }
|
|
|
+ ::v-deep.u-tabs__wrapper__nav__item {
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
- .right {
|
|
|
- image {
|
|
|
- border-radius: 10rpx;
|
|
|
- width: 220rpx;
|
|
|
- height: 160rpx;
|
|
|
- // border: 1px solid #eeeeee;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .title {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
+
|
|
|
+ .more {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #898E91;
|
|
|
+ // width: calc(100% - 556rpx);
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ // margin-left: 10rpx;
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .packages {
|
|
|
- z-index: 101;
|
|
|
- margin: 20rpx 15rpx;
|
|
|
- padding: 20rpx;
|
|
|
- box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 15rpx;
|
|
|
+ .article-box {
|
|
|
+ margin-top: 15rpx;
|
|
|
+ padding: 20rpx 0rpx 0rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
|
- .title-box {
|
|
|
+ .item {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
+ border-bottom: 1px solid #ECECEC;
|
|
|
+ padding-bottom: 32rpx;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0rpx;
|
|
|
+ border-bottom: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .left {
|
|
|
+ flex: 1;
|
|
|
+ height: 160rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
justify-content: space-between;
|
|
|
+ width: calc(100% - 260upx);
|
|
|
|
|
|
.title {
|
|
|
- font-size: 32upx;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 28upx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
color: #111111;
|
|
|
}
|
|
|
|
|
|
- .more {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
-
|
|
|
- .text {
|
|
|
- font-size: 24rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #9B9B9B;
|
|
|
- }
|
|
|
+ .txt {
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #898E91;
|
|
|
+ }
|
|
|
|
|
|
- image {
|
|
|
- margin-left: 10rpx;
|
|
|
- width: 15rpx;
|
|
|
- height: 20rpx;
|
|
|
- }
|
|
|
+ .views {
|
|
|
+ font-size: 24upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #B2B2B2;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ .right {
|
|
|
+ image {
|
|
|
+ border-radius: 10rpx;
|
|
|
+ width: 220rpx;
|
|
|
+ height: 160rpx;
|
|
|
+ // border: 1px solid #eeeeee;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .package-box {
|
|
|
- padding: 20rpx 0rpx 0rpx;
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
+ .packages {
|
|
|
+ z-index: 101;
|
|
|
+ margin: 20rpx 15rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 15rpx;
|
|
|
|
|
|
- .item {
|
|
|
- width: calc(50% - 20rpx);
|
|
|
- border-radius: 15rpx;
|
|
|
- margin: 10rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
+ .title-box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- &:last-child {}
|
|
|
+ .title {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
|
|
|
- .top {
|
|
|
- width: 100%;
|
|
|
- height: 300rpx;
|
|
|
+ .more {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
|
|
|
- image {
|
|
|
- border-radius: 15rpx 15rpx 0rpx 0rpx;
|
|
|
- width: 100%;
|
|
|
- height: 300rpx;
|
|
|
- }
|
|
|
+ .text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #9B9B9B;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ image {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ width: 15rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ }
|
|
|
|
|
|
- .bottom {
|
|
|
- width: 100%;
|
|
|
- margin-top: 15rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .title {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 28upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #111111;
|
|
|
- }
|
|
|
+ .package-box {
|
|
|
+ padding: 20rpx 0rpx 0rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
|
- .price-box {
|
|
|
- margin-top: 10rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- width: 100%;
|
|
|
+ .item {
|
|
|
+ width: calc(50% - 20rpx);
|
|
|
+ border-radius: 15rpx;
|
|
|
+ margin: 10rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
|
- .price {
|
|
|
- padding: 5rpx 10rpx;
|
|
|
- background-color: #0bb3f2;
|
|
|
- border-radius: 30rpx;
|
|
|
- font-size: 20upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #ffffff;
|
|
|
- }
|
|
|
+ &:last-child {}
|
|
|
|
|
|
- .count {
|
|
|
- font-size: 24upx;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
+ .top {
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
+ image {
|
|
|
+ border-radius: 15rpx 15rpx 0rpx 0rpx;
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
|
|
|
+ .bottom {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 15rpx;
|
|
|
|
|
|
+ .title {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price-box {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .price {
|
|
|
+ padding: 5rpx 10rpx;
|
|
|
+ background-color: #0bb3f2;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ font-size: 20upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .count {
|
|
|
+ font-size: 24upx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.official-account {
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|