第一次提交
This commit is contained in:
BIN
pages/image/home/home-banner.png
Normal file
BIN
pages/image/home/home-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
pages/image/home/home-head.png
Normal file
BIN
pages/image/home/home-head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
pages/image/home/代办买药.png
Normal file
BIN
pages/image/home/代办买药.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
pages/image/home/出入院办理.png
Normal file
BIN
pages/image/home/出入院办理.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
pages/image/home/取送结果.png
Normal file
BIN
pages/image/home/取送结果.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
pages/image/home/就医陪诊-back.png
Normal file
BIN
pages/image/home/就医陪诊-back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
pages/image/home/诊前约号.png
Normal file
BIN
pages/image/home/诊前约号.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
pages/image/home/院内陪护-back.png
Normal file
BIN
pages/image/home/院内陪护-back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
@@ -1,81 +1,140 @@
|
|||||||
//获取应用实例
|
// pages/home/home.js
|
||||||
var app = getApp();
|
|
||||||
Page({
|
Page({
|
||||||
data: {
|
|
||||||
option1: [{
|
|
||||||
text: '全部医院',
|
|
||||||
value: 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '西京医院',
|
|
||||||
value: 1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '陕西省人民医院',
|
|
||||||
value: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '陕西省人民医院1',
|
|
||||||
value: 5
|
|
||||||
},
|
|
||||||
],
|
|
||||||
value1: 0,
|
|
||||||
version_number: '1.0',
|
|
||||||
height: '',
|
|
||||||
url: app.globalData.url,
|
|
||||||
},
|
|
||||||
onChange(e) {
|
|
||||||
this.setData({
|
|
||||||
timeData: e.detail,
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//生命周期回调——监听小程序启动或切前台。
|
|
||||||
onShow: function () {
|
|
||||||
this.getBannerAndCat();
|
|
||||||
},
|
|
||||||
//首页信息
|
|
||||||
getBannerAndCat: function () {
|
|
||||||
var that = this;
|
|
||||||
wx.request({
|
|
||||||
url: app.globalData.url + '/system/hospitalUserView/list',
|
|
||||||
header: app.getRequestHeader(),
|
|
||||||
method: 'GET',
|
|
||||||
data: {
|
|
||||||
|
|
||||||
},
|
/**
|
||||||
success: (res) => {
|
* 页面的初始数据
|
||||||
var resp = res.data;
|
*/
|
||||||
if (res.data.code == 200) {
|
data: {
|
||||||
that.setData({
|
bannerdata:[
|
||||||
special_offer: resp.data,
|
"home-banner",
|
||||||
});
|
"home-banner",
|
||||||
|
"home-banner"
|
||||||
|
],
|
||||||
|
itemView: [
|
||||||
|
{
|
||||||
|
icon: "诊前约号",
|
||||||
|
title: "诊前约号"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: "代办买药",
|
||||||
|
title: "代办买药"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: "取送结果",
|
||||||
|
title: "取送结果"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: "出入院办理",
|
||||||
|
title: "出入院办理"
|
||||||
}
|
}
|
||||||
}
|
],
|
||||||
});
|
hospitalData: [
|
||||||
},
|
{
|
||||||
|
img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
|
||||||
// 跳转详情
|
name: "西京医院",
|
||||||
details(e) {
|
grade: "三甲",
|
||||||
if (e.currentTarget.dataset.item != 0) {
|
genre: "综合医院",
|
||||||
let item = JSON.stringify(e.currentTarget.dataset.item);
|
skiled: "消化内科、心血管内科",
|
||||||
console.log("传递的item" + item);
|
address: "西安市高新区长乐西路127号",
|
||||||
wx.navigateTo({
|
id: "1"
|
||||||
// url: "/shopping/pages/goddess/goddess?item=" + item,
|
},{
|
||||||
url: "/pages/peihu/peihu",
|
img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
|
||||||
});
|
name: "西京医院",
|
||||||
}
|
grade: "三甲",
|
||||||
},
|
genre: "综合医院",
|
||||||
|
skiled: "消化内科、心血管内科",
|
||||||
|
address: "西安市高新区长乐西路127号",
|
||||||
|
id: "1"
|
||||||
|
},{
|
||||||
|
img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
|
||||||
|
name: "西京医院",
|
||||||
|
grade: "三甲",
|
||||||
|
genre: "综合医院",
|
||||||
|
skiled: "消化内科、心血管内科",
|
||||||
|
address: "西安市高新区长乐西路127号",
|
||||||
|
id: "1"
|
||||||
|
},{
|
||||||
|
img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
|
||||||
|
name: "西京医院",
|
||||||
|
grade: "三甲",
|
||||||
|
genre: "综合医院",
|
||||||
|
skiled: "消化内科、心血管内科",
|
||||||
|
address: "西安市高新区长乐西路127号",
|
||||||
|
id: "1"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
onLoad() {
|
/**
|
||||||
var statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
|
* 诊前约号、代办买药、取送结果、出入院办理、就医陪诊、园内护理
|
||||||
this.setData({
|
*/
|
||||||
statusBarHeight: statusBarHeight,
|
itemClick (options) {
|
||||||
height: 46 + statusBarHeight,
|
console.log(options.currentTarget.dataset.id)
|
||||||
});
|
},
|
||||||
},
|
|
||||||
changeDateTime1(e) {
|
/**
|
||||||
this.setData({
|
* 医院列表
|
||||||
dateTime1: e.detail.value
|
*/
|
||||||
});
|
listItemTap(options){
|
||||||
},
|
console.log(options),
|
||||||
})
|
wx.navigateTo({
|
||||||
|
url: '/pages/peihu/peihu',
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@@ -1,12 +1,3 @@
|
|||||||
{
|
{
|
||||||
"usingComponents": {
|
"usingComponents": {}
|
||||||
"van-count-down": "/miniprogram/miniprogram_npm/@vant/weapp/count-down/index",
|
}
|
||||||
"van-dropdown-menu": "/miniprogram/miniprogram_npm/@vant/weapp/dropdown-menu/index",
|
|
||||||
"van-dropdown-item": "/miniprogram/miniprogram_npm/@vant/weapp/dropdown-item/index",
|
|
||||||
"van-calendar": "/miniprogram/miniprogram_npm/@vant/weapp/calendar/index",
|
|
||||||
"van-cell": "/miniprogram/miniprogram_npm/@vant/weapp/cell/index",
|
|
||||||
"van-nav-bar":"/miniprogram/miniprogram_npm/@vant/weapp/nav-bar/index"
|
|
||||||
},
|
|
||||||
"navigationBarTitleText": "服务列表"
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,44 +1,69 @@
|
|||||||
|
<view class="content">
|
||||||
<view class="area1">
|
<view class="head-view">
|
||||||
<image style="height: 336rpx;width: 100%;" src="../image/home_bj.png"></image>
|
<image src="../image/home/home-head.png" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
<view style="display: flex; flex-direction:row;align-items : flex-end;margin-top: -200rpx; justify-content: center;">
|
<view class="home-title"><text>瑞莱健康</text></view>
|
||||||
<!-- <image style="width: 25rpx;height: 50rpx;" src="../image/right.png"></image> -->
|
<view class="banner">
|
||||||
<view class="" style="font-size: 34rpx;color: #ffffff;">{{"服务列表"}}</view>
|
<swiper indicator-dots="true" autoplay="true" circular="true" interval="2000" duration="400" indicator-color="#fff" indicator-active-color="#FF9A16">
|
||||||
</view>
|
<view wx:for="{{bannerdata}}" wx:key="id">
|
||||||
|
<swiper-item>
|
||||||
<view class="substance" style="margin-top: 186rpx;">
|
<image src="../image/home/home-banner.png" mode="aspectFill"></image>
|
||||||
<van-dropdown-menu active-color="#1989fa">
|
</swiper-item>
|
||||||
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" />
|
</view>
|
||||||
</van-dropdown-menu>
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="item-view">
|
||||||
<!--index.wxml-->
|
<block wx:for="{{itemView}}" wx:key="id">
|
||||||
<view class="contar">
|
<view class="item-list" bindtap="itemClick" data-id="{{item.title}}">
|
||||||
<view class="tejiashangpin">
|
<view class="item-image">
|
||||||
<view class="Discount" wx:if="{{special_offer.length}}">
|
<image src="../image/home/{{item.icon}}.png" mode="aspectFit"></image>
|
||||||
|
|
||||||
<view wx:for="{{special_offer}}" wx:key="{{index}}" wx:for-item="item" class="flex-item bc_green" style='display:flex;background-color: white;margin-right: 10rpx;margin-bottom: 24rpx;'>
|
|
||||||
<view class="Group" bindtap="details" data-item="{{item}}">
|
|
||||||
<view class="Group-image">
|
|
||||||
<image src="{{url+item.avatar}}"></image>
|
|
||||||
</view>
|
|
||||||
<view class="content">
|
|
||||||
|
|
||||||
<view style="display: flex; flex-direction:row;align-items : flex-end;">
|
|
||||||
<view class="title1">{{item.nickName}}</view>
|
|
||||||
<view class="title2">（{{"陪护员"}}）</view>
|
|
||||||
<view wx:if="{{item.sex==1}}" class="title3">{{"男"}}</view>
|
|
||||||
<view wx:if="{{item.sex==0}}" class="title3">{{"女"}}</view>
|
|
||||||
<view class="title4">{{item.experience}}经验</view>
|
|
||||||
</view>
|
|
||||||
<view class="tejia">
|
|
||||||
<view class="Price2">{{item.introduce}}</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
<view class="item-title">
|
||||||
|
<text>{{item.title}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="main">
|
||||||
|
<view class="main-item">
|
||||||
|
<view>
|
||||||
|
<image src="../image/home/就医陪诊-back.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
|
<view class="title-view">
|
||||||
|
<text class="main-title">就医陪诊</text>
|
||||||
|
<text class="sub-title">专业陪诊</text>
|
||||||
|
<text class="sub-title">全程无忧</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="main-item">
|
||||||
|
<view>
|
||||||
|
<image src="../image/home/院内陪护-back.png" mode="aspectFit"></image>
|
||||||
|
</view>
|
||||||
|
<view class="title-view">
|
||||||
|
<text class="main-title">院内护理</text>
|
||||||
|
<text class="sub-title">专业陪护</text>
|
||||||
|
<text class="sub-title">家人般温暖</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-hospital">
|
||||||
|
<block wx:for="{{hospitalData}}" wx:key="id">
|
||||||
|
<view class="list-item" bindtap="listItemTap" data-id="{{item.id}}">
|
||||||
|
<view class="img-back">
|
||||||
|
<image src="{{item.img}}" mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
|
<view class="list-info">
|
||||||
|
<view class="name"><text>{{item.name}}</text></view>
|
||||||
|
<view class="list-lable">
|
||||||
|
<view class="grade"><text>{{item.grade}}</text></view>
|
||||||
|
<view class="genre"><text>{{item.genre}}</text></view>
|
||||||
|
</view>
|
||||||
|
<view class="skiled"><text>{{item.skiled}}</text></view>
|
||||||
|
<view class="address"><text>{{item.address}}</text></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -1,118 +1,210 @@
|
|||||||
@import "../../component/picker/picker.wxss";
|
.content{
|
||||||
|
display: flex;
|
||||||
page{
|
flex-direction: column;
|
||||||
background: #F8F8F8;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.flex-item{
|
|
||||||
display:flex;
|
|
||||||
height: 270rpx;
|
|
||||||
width: 670rpx;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
.Discount {
|
|
||||||
margin-left: 40rpx;
|
|
||||||
margin-right: 40rpx;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.Group {
|
.head-view{
|
||||||
display: flex;
|
width: 750rpx;
|
||||||
}
|
height: 420rpx;
|
||||||
|
position: absolute;
|
||||||
.Group-image {
|
}
|
||||||
width: 128rpx;
|
|
||||||
height: 128rpx;
|
|
||||||
margin: 84rpx 40rpx 84rpx 40rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Group-image image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.home-title{
|
||||||
.content {
|
position: relative;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 48rpx;
|
||||||
|
color: #333333;
|
||||||
|
margin: 108rpx 0 0 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
width: auto;
|
.head-view image{
|
||||||
height: 201rpx;
|
width: 750rpx;
|
||||||
margin-top: 48rpx;
|
height: 420rpx;
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.content .title1 {
|
.banner{
|
||||||
font-size: 36rpx;
|
position: relative;
|
||||||
font-weight: 700;
|
align-self: center;
|
||||||
}
|
width: 670rpx;
|
||||||
.content .title2 {
|
height: 286rpx;
|
||||||
font-size: 30rpx;
|
margin-top: 54rpx;
|
||||||
font-weight: 700;
|
border-radius: 20rpx;
|
||||||
}
|
overflow: hidden;
|
||||||
.content .title3 {
|
}
|
||||||
font-size: 32rpx;
|
|
||||||
margin-left: 24rpx;
|
|
||||||
}
|
|
||||||
.content .title4 {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #228BFE;
|
|
||||||
width: 132rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
text-align: center;
|
|
||||||
background-color: #A5BBE0;
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin-left: 24rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* .content .title2 {
|
|
||||||
font-size: 26rpx;
|
|
||||||
display: flex;
|
|
||||||
color: #B4B4B4;
|
|
||||||
margin: 11rpx 0 18rpx 0;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.content .title2 .house {
|
|
||||||
width: 24rpx;
|
|
||||||
height: 24rpx;
|
|
||||||
margin-right: 7rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content .title2 .house image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content .tejia {
|
|
||||||
display: flex;
|
|
||||||
width: 446rpx;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
.banner image{
|
||||||
|
width: 670rpx;
|
||||||
|
height: 286rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.content .tejia .Price2 {
|
.item-view{
|
||||||
font-size: 30rpx;
|
display: flex;
|
||||||
color: #666666;
|
flex-direction: row;
|
||||||
line-height: 41rpx;
|
margin: 30rpx 40rpx 0;
|
||||||
margin-right: 23rpx;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.area {
|
|
||||||
display: relative;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
height: 300rpx;
|
|
||||||
}
|
|
||||||
.area1 {
|
|
||||||
height: 300rpx;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-nav-bar {
|
#block{
|
||||||
background-color: #228BFE;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-list{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 10rpx;
|
||||||
|
width: 160rpx;
|
||||||
|
height: 160rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-image{
|
||||||
|
width: 72rpx;
|
||||||
|
height: 72rpx;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-image image{
|
||||||
|
width: 72rpx;
|
||||||
|
height: 72rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-title{
|
||||||
|
padding-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-title text{
|
||||||
|
top: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-item{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 375rpx;
|
||||||
|
height: 254rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-item image{
|
||||||
|
position: absolute;
|
||||||
|
margin: 0;
|
||||||
|
width: 375rpx;
|
||||||
|
height: 254rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-view{
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-title{
|
||||||
|
margin-left: 64rpx;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
||||||
|
color: #345170;
|
||||||
|
font-size: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-title{
|
||||||
|
margin-left: 64rpx;
|
||||||
|
margin-top: 5rpx;
|
||||||
|
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #345170;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-hospital{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
padding: 30rpx 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-back{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
box-shadow: 0 0 10rpx #A6BBE1;
|
||||||
|
width: 220rpx;
|
||||||
|
height: 220rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item image{
|
||||||
|
width: 180rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
border-radius: 90rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-info{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name{
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-top: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-lable{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grade{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
width: 90rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
background: -webkit-linear-gradient(left,#1F92FF,#1FC6FF);
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 0;
|
||||||
|
color: white;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.genre{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 40rpx;
|
||||||
|
margin-left: 16rpx;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
background: -webkit-linear-gradient(left,#F4B616,#FF9A16);
|
||||||
|
color: white;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skiled{
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address{
|
||||||
|
margin-left: 32rpx;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user