lihenian
5 years ago
34 changed files with 1477 additions and 7 deletions
@ -0,0 +1,40 @@ |
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
questionList:{ |
|||
type:Array |
|||
}, |
|||
currentTab:{ |
|||
type:Number, |
|||
value:2 |
|||
}, |
|||
currentQuestion:{ |
|||
type:String |
|||
} |
|||
}, |
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
answerInput:'' |
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
handleInput(e){ |
|||
this.setData({ |
|||
answerInput:e.detail.value |
|||
}) |
|||
}, |
|||
openInput(e){ |
|||
this.triggerEvent("changeCurrentQuestion",e.currentTarget.dataset.index); |
|||
}, |
|||
changeCollapse(e){ |
|||
this.triggerEvent("changeCollapse",e); |
|||
}, |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
<view class="home"> |
|||
<view wx:for="{{questionList}}" |
|||
wx:for-item="item" |
|||
wx:for-index="index" |
|||
wx:key="index" |
|||
class="list-item"> |
|||
<view class="item-header"> |
|||
<view class="question"> |
|||
<text id="questionContent" class="text {{item.collapse?'text-collapse':''}}">{{item.questionContent}}</text> |
|||
<text style="float:right" bindtap="changeCollapse" data-index="{{index}}" wx:if="{{item.showCollapse}}" class='coll-p'>{{item.collapse?'全文':'收起'}}</text></view> |
|||
</view> |
|||
<view> |
|||
<view class="time">{{item.questionTime}}</view> |
|||
</view> |
|||
<view class="item-answer" style="" wx:for="{{item.answerList}}" wx:for-item="answer" wx:for-index="answerIndex"> |
|||
<view class="answer-content"> |
|||
<text id="answerContent" data-question="{{index}}" class="text {{answer.collapse?'text-collapse':''}}">{{answer.answerContent}}</text> |
|||
<text style="float:right" bindtap="changeCollapse" data-questionIndex="{{index}}" data-index="{{answerIndex}}" wx:if="{{answer.showCollapse}}" class='coll-p'>{{answer.collapse?'全文':'收起'}}</text> |
|||
</view> |
|||
<view class="item-header"> |
|||
<view class="answer-footer">{{answer.psychologistName + ' | 心理咨询师 ' +answer.answerTime}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<wxs module='tools'> |
|||
function toString(a){ |
|||
return a.toString(); |
|||
} |
|||
module.exports = { |
|||
toString: toString |
|||
} |
|||
</wxs> |
|||
@ -0,0 +1,122 @@ |
|||
/* subpages/consult/components/questionList.wxss */ |
|||
.home{ |
|||
width: 100%; |
|||
} |
|||
.list-item{ |
|||
background-color: #fff; |
|||
margin-top: 20rpx; |
|||
padding: 0 20rpx; |
|||
} |
|||
.list-item .item-header{ |
|||
display: inline-block; |
|||
width: 100%; |
|||
} |
|||
.list-item .item-header .index{ |
|||
display: inline-block; |
|||
width: 4%; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
font-size: 30rpx; |
|||
} |
|||
.list-item .item-header .question{ |
|||
display: inline-block; |
|||
line-height: 50rpx; |
|||
font-size: 35rpx; |
|||
font-weight: bold; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
.time{ |
|||
display: inline-block; |
|||
width: 40%; |
|||
font-size: 25rpx; |
|||
color: #AAA; |
|||
} |
|||
.list-item .item-button{ |
|||
height: 60rpx; |
|||
width: 100%; |
|||
} |
|||
|
|||
.list-item .item-button .reply{ |
|||
height: 50rpx; |
|||
width: 20%; |
|||
font-size: 30rpx; |
|||
line-height: 50rpx; |
|||
text-align: center; |
|||
float: right; |
|||
} |
|||
.list-item .item-button .reply .button-img{ |
|||
height: 25rpx; |
|||
width: 25rpx; |
|||
margin-left: -5rpx; |
|||
} |
|||
.list-item .item-button .reply .button-text{ |
|||
color: #F71A1A; |
|||
font-size: 30rpx; |
|||
display: inline-block; |
|||
margin-left: 10rpx; |
|||
} |
|||
.item-reply{ |
|||
width: 100%; |
|||
height: 300rpx; |
|||
} |
|||
.item-reply .textarea{ |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: #f2f2f2; |
|||
} |
|||
.answer-content{ |
|||
width: 100%; |
|||
font-size: 30rpx; |
|||
color: #777; |
|||
margin-top: 20rpx; |
|||
} |
|||
.reply-button{ |
|||
border-radius: 35rpx; |
|||
background-color: #e02d22; |
|||
height: 55rpx; |
|||
width: 120rpx; |
|||
color: #fff; |
|||
line-height: 50rpx; |
|||
text-align: center; |
|||
margin-right: 20rpx; |
|||
float: right; |
|||
} |
|||
.answer-footer{ |
|||
padding: 20rpx 0; |
|||
font-size: 30rpx; |
|||
color: #c3c3c3; |
|||
} |
|||
page::-webkit-scrollbar { |
|||
width: 0; |
|||
height: 0; |
|||
color: transparent; |
|||
display: none; |
|||
} |
|||
.answer-content text{ |
|||
line-height: 50rpx; |
|||
display: block; |
|||
} |
|||
.question text{ |
|||
line-height: 50rpx; |
|||
} |
|||
|
|||
.answer-content text.text-collapse{ |
|||
display:-webkit-box; |
|||
-webkit-box-orient:vertical; |
|||
-webkit-line-clamp:3; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.text-collapse{ |
|||
display:-webkit-box; |
|||
-webkit-box-orient:vertical; |
|||
-webkit-line-clamp:2; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.coll-p{ |
|||
font-size: 30rpx; |
|||
color: #5064A3; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 367 B |
@ -0,0 +1,67 @@ |
|||
const api = require('../../../../utils/api') |
|||
import { getTimestamp } from '../../../../utils/common' |
|||
import util from '../../../../utils/util' |
|||
const app = getApp() |
|||
Page({ |
|||
data: { |
|||
annonymous:false, |
|||
questionContent:'', |
|||
toConsultant:"" |
|||
}, |
|||
onLoad (options) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
sudokuHeight:app.globalData.deviceInfo.statusHeight+app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
if(options.toConsultant!==undefined){ |
|||
this.setData({ |
|||
toConsultant:options.toConsultant |
|||
}) |
|||
} |
|||
}, |
|||
naviBack(){ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
}) |
|||
}, |
|||
switchChange(e){ |
|||
this.setData({ |
|||
annonymous:!this.data.annonymous |
|||
}) |
|||
}, |
|||
handleInput(e){ |
|||
this.setData({ |
|||
questionContent:e.detail.value |
|||
}) |
|||
}, |
|||
submit(){ |
|||
if(this.data.questionContent.trim()===''){ |
|||
wx.showToast({ |
|||
title: '请输入问题', |
|||
icon:'none' |
|||
}) |
|||
return false; |
|||
} |
|||
let param = { |
|||
anonymousFlag:this.data.annonymous?'1':'0', |
|||
questionContent:this.data.questionContent |
|||
} |
|||
if(this.data.toConsultant!==''){ |
|||
param.psychologistId=this.data.toConsultant |
|||
} |
|||
api.submitQuestion(param).then(res=>{ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
complete:()=>{ |
|||
wx.showToast({ |
|||
title: '发布成功', |
|||
icon:'none' |
|||
}) |
|||
} |
|||
}) |
|||
}).catch(err=>{ |
|||
console.log(err) |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"completeInfo-dialog": "../../../../../components/completeInfoDialog/completeInfoDialog" |
|||
}, |
|||
"navigationBarTitleText": "发布问题", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white" |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="../../../../images/home/home-status.png" /> |
|||
<view style="height: 80rpx;position: fixed;margin-top: 60rpx;width: 70rpx;z-index: 101;" bindtap="naviBack"> |
|||
<image class="header-back" style="margin-top:{{statusHeight/2}}px" src="../../images/back.png"></image> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
咨询 |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="input" style="height:calc(100vh - {{statusHeight + navigationHeight}}px)"> |
|||
<textarea placeholder="请输入问题" class="textarea" maxlength="500" bindinput="handleInput" placeholder-style="color:#999"> |
|||
</textarea> |
|||
<text style="float:right;margin-top:-50rpx;font-size:30rpx;color:#999">{{util.length(questionContent)}}/500</text> |
|||
</view> |
|||
<view class="switch"> |
|||
<view style="width:20%;display:inline-block;margin-left:20rpx">匿名发布</view> |
|||
<switch color="#D71D00" style="float:right;margin-right:20rpx" type="switch" checked="{{annonymous}}" bindchange="switchChange"/> |
|||
</view> |
|||
<view class="footer"> |
|||
<button bindtap="submit" class="myQuestionBtn" size="defaultSize" >提交</button> |
|||
</view> |
|||
</view> |
|||
<wxs module="util"> |
|||
function length(str){ |
|||
return str.length |
|||
} |
|||
module.exports = { |
|||
length: length |
|||
} |
|||
</wxs> |
|||
@ -0,0 +1,88 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #fff; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255,255,255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.home { |
|||
width: 100%; |
|||
} |
|||
.header-back{ |
|||
height: 33rpx; |
|||
width: 18rpx; |
|||
position: fixed; |
|||
margin-left: 30rpx; |
|||
z-index: 101; |
|||
} |
|||
.footer{ |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
bottom: 5%; |
|||
left: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
.myQuestionBtn { |
|||
width: 70%; |
|||
height: 100%; |
|||
line-height: 98rpx; |
|||
text-align: center; |
|||
background: #cc1200; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
border-radius: 40px; |
|||
border:none |
|||
} |
|||
|
|||
.input{ |
|||
width: 96%; |
|||
margin:0 auto; |
|||
|
|||
} |
|||
.input .textarea{ |
|||
width: 100%; |
|||
height: 65%; |
|||
font-size: 35rpx; |
|||
padding: 20rpx 0; |
|||
border-bottom: 0.5px solid #E7EDED; |
|||
padding-bottom: 45rpx; |
|||
} |
|||
.switch{ |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
bottom: 17%; |
|||
left: 0; |
|||
display: inline-block; |
|||
align-items: center; |
|||
} |
|||
@ -0,0 +1,160 @@ |
|||
const api = require('../../../../utils/api') |
|||
import { getTimestamp } from '../../../../utils/common' |
|||
import util from '../../../../utils/util' |
|||
const app = getApp() |
|||
Page({ |
|||
data: { |
|||
statusHeight: 0, // 自定义头部状态栏高度
|
|||
navigationHeight: 0, // 自定义头部导航栏高度
|
|||
pageIndex:1, |
|||
pageSize:10, |
|||
isLoading:true, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
timestamp:'', |
|||
list:[], |
|||
questionList:[], |
|||
}, |
|||
onLoad (options) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
sudokuHeight:app.globalData.deviceInfo.statusHeight+app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
this.getConsultantList(); |
|||
}, |
|||
onShow(){ |
|||
this.setData({ |
|||
loadMoreType:'loading', |
|||
loadMoreVisible:true, |
|||
isLoading:true, |
|||
questionList:[], |
|||
pageIndex:1, |
|||
pageSize:10, |
|||
timestamp:getTimestamp() |
|||
}) |
|||
let param = { |
|||
pageIndex:this.data.pageIndex, |
|||
pageSize:this.data.pageSize, |
|||
timestamp:this.data.timestamp |
|||
} |
|||
this.getQuestionList(param); |
|||
}, |
|||
naviBack(){ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
}) |
|||
}, |
|||
navigateToConsultDetail(e){ |
|||
console.log(e); |
|||
wx.navigateTo({ |
|||
url: '/subpages/safety/pages/consultantDetail/consultantDetail?id='+e.currentTarget.dataset.id, |
|||
}) |
|||
}, |
|||
navigateToConsultantList(){ |
|||
wx.navigateTo({ |
|||
url: '/subpages/safety/pages/consultantList/consultantList', |
|||
}) |
|||
}, |
|||
navigateToMyQuestion(){ |
|||
wx.navigateTo({ |
|||
url: '/subpages/safety/pages/myQuestion/myQuestion', |
|||
}) |
|||
}, |
|||
navigateToAddQuestion(){ |
|||
wx.navigateTo({ |
|||
url: '/subpages/safety/pages/addQuestion/addQuestion', |
|||
}) |
|||
}, |
|||
onReachBottom(){ |
|||
if(!this.data.isLoading && this.data.loadMoreType!='none'){ |
|||
this.setData({ |
|||
isLoading:true, |
|||
loadMoreVisible:true, |
|||
loadMoreType:'loading', |
|||
pageIndex:this.data.pageIndex+1 |
|||
}) |
|||
let param = { |
|||
pageIndex:this.data.pageIndex, |
|||
pageSize:this.data.pageSize, |
|||
timestamp:this.data.timestamp |
|||
} |
|||
this.getQuestionList(param); |
|||
} |
|||
}, |
|||
getConsultantList(){ |
|||
api.getConsultantList('0').then(res=>{ |
|||
this.setData({ |
|||
list:res.data |
|||
}) |
|||
}) |
|||
}, |
|||
getQuestionList(param){ |
|||
api.getQuestionList(param).then(res=>{ |
|||
this.setData({ |
|||
isLoading:false, |
|||
questionList:this.data.questionList.concat(res.data), |
|||
}) |
|||
this.setCollapse(); |
|||
if(res.data.length<10){ |
|||
this.setData({ |
|||
loadMoreType:'none', |
|||
loadMoreVisible:true, |
|||
}) |
|||
}else{ |
|||
this.setData({ |
|||
loadMoreType:"more", |
|||
loadMoreVisible:false |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
//判断全文收起是否展示
|
|||
setCollapse: function() { |
|||
var query = wx.createSelectorQuery(); |
|||
var that = this; |
|||
query.selectAll('#questionContent').boundingClientRect(function (rect) { |
|||
rect.forEach((v, i) => { |
|||
if (v.height > 60) { //判断高度,根据各种高度取折中
|
|||
var set = "questionList[" + i + "].collapse"; |
|||
var set1 = "questionList[" + i + "].showCollapse"; |
|||
that.setData({ |
|||
[set]: true, |
|||
[set1]: true, |
|||
}) |
|||
} |
|||
}) |
|||
}).exec(); |
|||
query.selectAll('#answerContent').boundingClientRect(function (rect) { |
|||
rect.forEach((v, i) => { |
|||
if (v.height > 70) { |
|||
var set = "questionList[" + v.dataset.question + "].answerList[0].collapse"; |
|||
var set1 = "questionList[" + v.dataset.question + "].answerList[0].showCollapse"; |
|||
that.setData({ |
|||
[set]: true, |
|||
[set1]: true, |
|||
}) |
|||
} |
|||
}) |
|||
}).exec(); |
|||
}, |
|||
//点击全文收起
|
|||
changeCollapse: function(e){ |
|||
var index = e.currentTarget.dataset.index; |
|||
var questionIndex=e.currentTarget.dataset.questionindex; |
|||
if(questionIndex===undefined){ |
|||
console.log('undefined') |
|||
var set = "questionList[" + index + "].collapse"; |
|||
this.setData({ |
|||
[set]: !this.data.questionList[index].collapse |
|||
}) |
|||
}else{ |
|||
console.log('not undefined') |
|||
var set = "questionList[" + questionIndex + "].answerList[0].collapse"; |
|||
console.log(set) |
|||
this.setData({ |
|||
[set]: !this.data.questionList[questionIndex].answerList[0].collapse |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"completeInfo-dialog": "../../../../../components/completeInfoDialog/completeInfoDialog", |
|||
"load-more":"../../components/loadMore/loadMore" |
|||
}, |
|||
"navigationBarTitleText": "心理咨询", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white" |
|||
} |
|||
@ -0,0 +1,69 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="../../../../images/home/home-status.png" /> |
|||
<view style="height: 80rpx;position: fixed;margin-top: 60rpx;width: 70rpx;z-index: 101;" bindtap="naviBack"> |
|||
<image class="header-back" style="margin-top:{{statusHeight/2}}px" src="../../images/back.png"></image> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
心理咨询 |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px;overflow-x:hidden"> |
|||
<view class="list" wx:if="{{list.length>0}}"> |
|||
<view class="list-header"> |
|||
<view class="title"><text space="ensp">心理咨询师专区</text></view> |
|||
<view class="more" bindtap="navigateToConsultantList">更多 |
|||
<image src="../../images/right.png" style="height:20rpx;width:15rpx"></image> |
|||
</view> |
|||
</view> |
|||
<view class="list-content"> |
|||
<view class="content" |
|||
wx:for="{{list}}" |
|||
wx:for-item="item" |
|||
wx:for-index="index" |
|||
wx:key="index" |
|||
bindtap="navigateToConsultDetail" |
|||
data-id="{{item.id}}"> |
|||
<view class="avatar"> |
|||
<image src="{{item.avatar}}" class="avatar-img"></image> |
|||
<image src="../../images/heart.png" class="avatar-mark"></image> |
|||
</view> |
|||
<view class="name">{{item.name}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- 提问列表 --> |
|||
<view scroll-y class="question-list" > |
|||
|
|||
<view class="question-item" |
|||
wx:for="{{questionList}}" |
|||
wx:for-item="item" |
|||
wx:for-index="index" |
|||
wx:key="index"> |
|||
<view class="question-content"> |
|||
<text id="questionContent" style="font-size:35rpx" class="text {{item.collapse?'text-collapse':''}}">{{item.questionContent}}</text> |
|||
<text style="text-align:right" bindtap="changeCollapse" data-index="{{index}}" wx:if="{{item.showCollapse}}" class='coll-p'>{{item.collapse?'全文':'收起'}}</text> |
|||
</view> |
|||
<view class="question-header"> |
|||
<view class="avatar"><image src="{{item.userAvatar}}" class="avatar-img"></image></view> |
|||
<view class="name">{{item.userName}}</view> |
|||
</view> |
|||
<view class="question-answer" |
|||
wx:for="{{item.answerList}}" |
|||
wx:for-item="answer" |
|||
wx:for-index="index1"> |
|||
<view class="answer-content"> |
|||
<text id="answerContent" data-question="{{index}}" class="text {{answer.collapse?'text-collapse':''}}">{{answer.answerContent}}</text> |
|||
<text style="text-align:right" bindtap="changeCollapse" data-questionIndex="{{index}}" data-index="{{index1}}" wx:if="{{answer.showCollapse}}" class='coll-p'>{{answer.collapse?'全文':'收起'}}</text> |
|||
</view> |
|||
<view class="answer-header"> |
|||
<view class="name">{{answer.psychologistName+" | 心理咨询师"}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
|||
</view> |
|||
<view class="footer"> |
|||
<button bindtap="navigateToMyQuestion" class="myQuestionBtn" size="defaultSize" >我的提问</button> |
|||
<button bindtap="navigateToAddQuestion" class="addQuestionBtn" size="defaultSize">发布问题</button> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,224 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255,255,255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.home { |
|||
width: 100%; |
|||
} |
|||
.header-back{ |
|||
height: 33rpx; |
|||
width: 18rpx; |
|||
position: fixed; |
|||
margin-left: 30rpx; |
|||
z-index: 101; |
|||
} |
|||
.list{ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
padding:20rpx 0; |
|||
} |
|||
.list-header{ |
|||
width: 94%; |
|||
height: 50rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.list-header .title{ |
|||
display: inline-block; |
|||
font-size: 35rpx; |
|||
width: 80%; |
|||
line-height: 50rpx; |
|||
} |
|||
.list-header .more{ |
|||
display: inline-block; |
|||
float: right; |
|||
width: 15%; |
|||
line-height: 50rpx; |
|||
font-size: 25rpx; |
|||
color: #999; |
|||
text-align: right; |
|||
} |
|||
.list-content{ |
|||
width: 100%; |
|||
display: inline-block; |
|||
padding: 20rpx 0; |
|||
} |
|||
.list-content .content{ |
|||
width: 25%; |
|||
display: inline-block; |
|||
} |
|||
.list-content .content .avatar{ |
|||
width: 80%; |
|||
margin-left: 40rpx; |
|||
} |
|||
.list-content .content .avatar .avatar-img{ |
|||
width: 70%; |
|||
height: 110rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.list-content .content .avatar .avatar-mark{ |
|||
width: 25%; |
|||
height: 35rpx; |
|||
margin-left: -30rpx; |
|||
} |
|||
.list-content .content .name{ |
|||
width: 100%; |
|||
font-size: 30rpx; |
|||
text-align: center; |
|||
} |
|||
.footer{ |
|||
width: 100%; |
|||
height: 98rpx; |
|||
background: #fff; |
|||
position: fixed; |
|||
bottom: 0; |
|||
left: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
.addQuestionBtn { |
|||
width: 50%; |
|||
height: 100%; |
|||
line-height: 98rpx; |
|||
text-align: center; |
|||
background: #FE4646; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
border-radius: 0px; |
|||
border:none |
|||
} |
|||
.myQuestionBtn { |
|||
width: 50%; |
|||
height: 100%; |
|||
line-height: 98rpx; |
|||
text-align: center; |
|||
background: #FFB000; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
border-radius: 0px; |
|||
border:none |
|||
} |
|||
button::after{ |
|||
border: none; |
|||
} |
|||
.question-list{ |
|||
width: 100%; |
|||
margin-top: 20rpx; |
|||
margin-bottom: 98rpx; |
|||
background-color: #fff; |
|||
} |
|||
.question-item{ |
|||
width: 94%; |
|||
margin-top: 20rpx; |
|||
border-bottom: 0.5px solid #E7EDED; |
|||
margin: 0 auto; |
|||
} |
|||
.question-item .question-header{ |
|||
width: 100%; |
|||
height: 80rpx; |
|||
display: inline-flex; |
|||
} |
|||
.question-item .question-header .avatar{ |
|||
width: 7%; |
|||
display: inline-flex; |
|||
height: 85rpx; |
|||
} |
|||
.question-item .question-header .avatar .avatar-img{ |
|||
width: 100%; |
|||
height: 45rpx; |
|||
border-radius: 50%; |
|||
border:0.5px solid grey; |
|||
display: inline-flex; |
|||
} |
|||
.question-item .question-header .name{ |
|||
width: 70%; |
|||
margin-left: 10rpx; |
|||
display: inline-flex; |
|||
font-size: 30rpx; |
|||
line-height: 45rpx; |
|||
color: #999; |
|||
} |
|||
.question-item .question-content{ |
|||
font-size: 40rpx; |
|||
padding: 20rpx 0; |
|||
font-weight: bold; |
|||
letter-spacing: 2rpx; |
|||
color: #333; |
|||
} |
|||
.question-answer{ |
|||
width: 100%; |
|||
margin-top: 20rpx; |
|||
} |
|||
.question-answer .name{ |
|||
font-size: 25rpx; |
|||
margin-top: 20rpx; |
|||
color: #c3c3c3; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
.answer-content{ |
|||
font-size: 30rpx; |
|||
color: #777; |
|||
} |
|||
.home::-webkit-scrollbar { |
|||
width: 0; |
|||
height: 0; |
|||
color: transparent; |
|||
} |
|||
.answer-content text{ |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
display: block; |
|||
} |
|||
.question-content text{ |
|||
font-size: 28rpx; |
|||
line-height: 50rpx; |
|||
display: block; |
|||
} |
|||
|
|||
.answer-content text.text-collapse{ |
|||
display:-webkit-box; |
|||
-webkit-box-orient:vertical; |
|||
-webkit-line-clamp:3; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.question-content text.text-collapse{ |
|||
display:-webkit-box; |
|||
-webkit-box-orient:vertical; |
|||
-webkit-line-clamp:2; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.coll-p{ |
|||
font-size: 30rpx; |
|||
color: #5064A3; |
|||
margin-top: 10rpx; |
|||
} |
|||
@ -0,0 +1,36 @@ |
|||
const api = require('../../utils/api') |
|||
import { getTimestamp } from '../../../../utils/common' |
|||
import util from '../../../../utils/util' |
|||
const app = getApp() |
|||
Page({ |
|||
data: { |
|||
consultantInfo:{} |
|||
}, |
|||
onLoad (options) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
sudokuHeight:app.globalData.deviceInfo.statusHeight+app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
this.setData({ |
|||
consultantId:options.id |
|||
}) |
|||
api.getConsultantInfo(options.id).then((res)=>{ |
|||
this.setData({ |
|||
consultantInfo:res.data |
|||
}) |
|||
}).catch((err)=>{ |
|||
console.log(err) |
|||
}); |
|||
} , |
|||
naviBack(){ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
}) |
|||
}, |
|||
navigateToAsk(){ |
|||
wx.navigateTo({ |
|||
url: '../addQuestion/addQuestion?toConsultant='+this.data.consultantId, |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"completeInfo-dialog": "../../../../../components/completeInfoDialog/completeInfoDialog" |
|||
}, |
|||
"navigationBarTitleText": "咨询师详情", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white" |
|||
} |
|||
@ -0,0 +1,29 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="../../../../images/home/home-status.png" /> |
|||
<view style="height: 80rpx;position: fixed;margin-top: 60rpx;width: 70rpx;z-index: 101;" bindtap="naviBack"> |
|||
<image class="header-back" style="margin-top:{{statusHeight/2}}px" src="../../images/back.png"></image> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
详情 |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="consultant-header"> |
|||
<image src="{{consultantInfo.avatar}}" class="consultant-pic"></image> |
|||
<view class="consultant-detail"> |
|||
<view class="consultant-name">{{consultantInfo.name}}</view> |
|||
<view class="consultant-number">{{consultantInfo.motto!==''?consultantInfo.motto:'暂无座右铭'}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="title"> |
|||
<view class="title-header">头衔</view> |
|||
<view class="title-content" wx:for="{{consultantInfo.titleList}}" wx:for-item="item">{{item}}</view> |
|||
</view> |
|||
<view class="title"> |
|||
<view class="title-header">简介</view> |
|||
<view class="title-content" style="height:auto">{{consultantInfo.briefIntroduction}}</view> |
|||
</view> |
|||
<view class="footer"> |
|||
<button bindtap="navigateToAsk" class="askBtn" size="defaultSize" >向Ta咨询</button> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,118 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255,255,255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.home { |
|||
width: 100%; |
|||
padding-bottom: 160rpx; |
|||
overflow-x: hidden; |
|||
} |
|||
.header-back{ |
|||
height: 33rpx; |
|||
width: 18rpx; |
|||
position: fixed; |
|||
margin-left: 30rpx; |
|||
z-index: 101; |
|||
} |
|||
.home .consultant-header{ |
|||
background-color: #fff; |
|||
width: 100%; |
|||
padding: 0 20rpx; |
|||
line-height: 100rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
.consultant-pic{ |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
border-radius: 60px; |
|||
margin-top: 20rpx; |
|||
} |
|||
.consultant-detail{ |
|||
width: 68%; |
|||
display: inline-block; |
|||
padding-left: 40rpx; |
|||
height: 120rpx; |
|||
} |
|||
.consultant-name{ |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
height: 75rpx; |
|||
word-break: break-all; |
|||
line-height: 50rpx; |
|||
} |
|||
.consultant-number{ |
|||
font-size: 25rpx; |
|||
color: #999; |
|||
line-height: 45rpx; |
|||
} |
|||
.title{ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
margin-top: 20rpx; |
|||
} |
|||
.title-header{ |
|||
width: 94%; |
|||
margin:0 auto; |
|||
color: #999999; |
|||
height: 100rpx; |
|||
line-height: 100rpx; |
|||
font-size: 28rpx; |
|||
border-bottom: 0.5px solid #E7EDED; |
|||
} |
|||
.title-content{ |
|||
width: 94%; |
|||
margin:0 auto; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
color: #333; |
|||
font-size: 32rpx; |
|||
} |
|||
.footer{ |
|||
width: 100%; |
|||
height: 98rpx; |
|||
position: fixed; |
|||
bottom: 5%; |
|||
left: 0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
.askBtn { |
|||
width: 70%; |
|||
height: 100%; |
|||
line-height: 98rpx; |
|||
text-align: center; |
|||
background: #cc1200; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
border-radius: 40px; |
|||
border:none |
|||
} |
|||
@ -0,0 +1,50 @@ |
|||
const api = require('../../../../utils/api') |
|||
import { getTimestamp } from '../../../../utils/common' |
|||
import util from '../../../../utils/util' |
|||
const app = getApp() |
|||
Page({ |
|||
data: { |
|||
isLoading:true, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
consultantList:[] |
|||
}, |
|||
onLoad (options) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
sudokuHeight:app.globalData.deviceInfo.statusHeight+app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
this.getConsultantList(); |
|||
}, |
|||
onReachBottom(){ |
|||
// if(!this.data.isLoading && this.data.loadMoreType!='none'){
|
|||
// this.setData({
|
|||
// isLoading:true,
|
|||
// loadMoreVisible:true,
|
|||
// loadMoreType:"loading"
|
|||
// })
|
|||
// }
|
|||
}, |
|||
naviBack(){ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
}) |
|||
}, |
|||
navigateToConsultDetail(e){ |
|||
console.log(e); |
|||
wx.navigateTo({ |
|||
url: '/subpages/safety/pages/consultantDetail/consultantDetail?id='+e.currentTarget.dataset.id, |
|||
}) |
|||
}, |
|||
getConsultantList(){ |
|||
api.getConsultantList('1').then(res=>{ |
|||
this.setData({ |
|||
isLoading:false, |
|||
consultantList:this.data.consultantList.concat(res.data), |
|||
loadMoreType:'none', |
|||
loadMoreVisible:false |
|||
}) |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"completeInfo-dialog": "../../../../../components/completeInfoDialog/completeInfoDialog", |
|||
"load-more":"../../components/loadMore/loadMore" |
|||
}, |
|||
"navigationBarTitleText": "咨询师列表", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white" |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="../../../../images/home/home-status.png" /> |
|||
<view style="height: 80rpx;position: fixed;margin-top: 60rpx;width: 70rpx;z-index: 101;" bindtap="naviBack"> |
|||
<image class="header-back" style="margin-top:{{statusHeight/2}}px" src="../../images/back.png"></image> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
列表 |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="list" wx:if="{{consultantList.length>0}}"> |
|||
<view class="list-content"> |
|||
<view class="content" |
|||
wx:for="{{consultantList}}" |
|||
wx:for-item="item" |
|||
wx:for-index="index" |
|||
wx:key="index" |
|||
bindtap="navigateToConsultDetail" |
|||
data-id="{{item.id}}"> |
|||
<view class="avatar"> |
|||
<image src="{{item.avatar}}" class="avatar-img"></image> |
|||
<image src="../../images/heart.png" class="avatar-mark"></image> |
|||
</view> |
|||
<view style="display:table;width:80%"> |
|||
<view class="name">{{item.name}}</view> |
|||
<view class="detail">{{item.motto}}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> --> |
|||
@ -0,0 +1,85 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255,255,255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.home { |
|||
width: 100%; |
|||
overflow-x: hidden; |
|||
} |
|||
.header-back{ |
|||
height: 33rpx; |
|||
width: 18rpx; |
|||
position: fixed; |
|||
margin-left: 30rpx; |
|||
z-index: 101; |
|||
} |
|||
.list{ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
} |
|||
.list-content{ |
|||
display: inline-block; |
|||
width: 100%; |
|||
} |
|||
.list-content .content{ |
|||
width: 100%; |
|||
display: flex; |
|||
margin-top: 20rpx; |
|||
border-bottom: 0.5px solid #E7EEEE; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
.list-content .content .avatar{ |
|||
width: 150rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
.list-content .content .avatar .avatar-img{ |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.list-content .content .avatar .avatar-mark{ |
|||
width: 35rpx; |
|||
height: 35rpx; |
|||
margin-left: -30rpx; |
|||
} |
|||
.list-content .content .name{ |
|||
width: 100%; |
|||
font-size: 32rpx; |
|||
} |
|||
.list-content .content .detail{ |
|||
width: 94%; |
|||
font-size: 28rpx; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
color: #999; |
|||
margin-top: 40rpx; |
|||
} |
|||
@ -0,0 +1,116 @@ |
|||
const api = require('../../../../utils/api') |
|||
import { getTimestamp } from '../../../../utils/common' |
|||
import util from '../../../../utils/util' |
|||
const app = getApp() |
|||
Page({ |
|||
data: { |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
pageNo: 1, // 分页页码
|
|||
pageSize: 10, // 分页页长
|
|||
isLoading: true, |
|||
questionList:[], |
|||
timestamp:'' |
|||
}, |
|||
onLoad (options) { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
sudokuHeight:app.globalData.deviceInfo.statusHeight+app.globalData.deviceInfo.navigationHeight, |
|||
timestamp:getTimestamp() |
|||
}) |
|||
let param = { |
|||
pageIndex:this.data.pageNo, |
|||
pageSize:this.data.pageSize, |
|||
timestamp:this.data.timestamp |
|||
} |
|||
this.getMyQuestion(param); |
|||
}, |
|||
onReachBottom(){ |
|||
if(!this.data.isLoading && this.data.loadMoreType!='none'){ |
|||
this.setData({ |
|||
isLoading:true, |
|||
loadMoreVisible:true, |
|||
loadMoreType:'loading', |
|||
pageNo:this.data.pageNo+1 |
|||
}) |
|||
let param = { |
|||
pageIndex:this.data.pageIndex, |
|||
pageSize:this.data.pageSize, |
|||
timestamp:this.data.timestamp |
|||
} |
|||
this.getMyQuestion(param); |
|||
} |
|||
}, |
|||
naviBack(){ |
|||
wx.navigateBack({ |
|||
delta:-1, |
|||
}) |
|||
}, |
|||
getMyQuestion(param){ |
|||
api.getMyQuestion(param).then(res=>{ |
|||
this.setData({ |
|||
isLoading:false, |
|||
questionList:this.data.questionList.concat(res.data), |
|||
}) |
|||
this.setCollapse(); |
|||
if(res.data.length<10){ |
|||
this.setData({ |
|||
loadMoreType:'none', |
|||
loadMoreVisible:true, |
|||
}) |
|||
}else{ |
|||
this.setData({ |
|||
loadMoreType:"more", |
|||
loadMoreVisible:false |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
setCollapse: function() { |
|||
var query = wx.createSelectorQuery(); |
|||
var that = this; |
|||
query.in(this.selectComponent('#question-list')).selectAll('#questionContent').boundingClientRect(function (rect) { |
|||
rect.forEach((v, i) => { |
|||
if (v.height > 60) { //判断高度,根据各种高度取折中
|
|||
var set = "questionList[" + i + "].collapse"; |
|||
var set1 = "questionList[" + i + "].showCollapse"; |
|||
that.setData({ |
|||
[set]: true, |
|||
[set1]: true, |
|||
}) |
|||
} |
|||
}) |
|||
}).exec(); |
|||
query.in(this.selectComponent('#question-list')).selectAll('#answerContent').boundingClientRect(function (rect) { |
|||
rect.forEach((v, i) => { |
|||
console.log(v) |
|||
console.log(v.dataset.question) |
|||
if (v.height > 70) { |
|||
var set = "questionList[" + v.dataset.question + "].answerList[0].collapse"; |
|||
var set1 = "questionList[" + v.dataset.question + "].answerList[0].showCollapse"; |
|||
that.setData({ |
|||
[set]: true, |
|||
[set1]: true, |
|||
}) |
|||
} |
|||
}) |
|||
}).exec(); |
|||
}, |
|||
//点击全文收起
|
|||
changeCollapse: function(e){ |
|||
var index = e.detail.currentTarget.dataset.index; |
|||
var questionIndex=e.detail.currentTarget.dataset.questionindex; |
|||
if(questionIndex===undefined){ |
|||
var set = "questionList[" + index + "].collapse"; |
|||
this.setData({ |
|||
[set]: !this.data.questionList[index].collapse |
|||
}) |
|||
}else{ |
|||
var set = "questionList[" + questionIndex + "].answerList[0].collapse"; |
|||
this.setData({ |
|||
[set]: !this.data.questionList[questionIndex].answerList[0].collapse |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,10 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"completeInfo-dialog": "../../../../../components/completeInfoDialog/completeInfoDialog", |
|||
"question-list":"../../components/questionList/questionList", |
|||
"load-more":"../../components/loadMore/loadMore" |
|||
}, |
|||
"navigationBarTitleText": "我的提问", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white" |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="../../../../images/home/home-status.png" /> |
|||
<view style="height: 80rpx;position: fixed;margin-top: 60rpx;width: 70rpx;z-index: 101;" bindtap="naviBack"> |
|||
<image class="header-back" style="margin-top:{{statusHeight/2}}px" src="../../images/back.png"></image> |
|||
</view> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
我的问题 |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<question-list id="question-list" |
|||
style="width:100%" |
|||
questionList="{{questionList}}" |
|||
bind:changeCollapse="changeCollapse"></question-list> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
|||
@ -0,0 +1,42 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255,255,255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.home { |
|||
width: 100%; |
|||
} |
|||
.header-back{ |
|||
height: 33rpx; |
|||
width: 18rpx; |
|||
position: fixed; |
|||
margin-left: 30rpx; |
|||
z-index: 101; |
|||
} |
|||
Loading…
Reference in new issue