xiaowen
3 years ago
parent
cfa3037c0b
commit
26d21452c1
@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
<view>
|
||||
<van-tabs sticky animated active="{{ active }}" bind:change="handlerTap">
|
||||
<van-tab wx:for="{{list}}" wx:key="index" title="{{item.title}}">
|
||||
<scroll-view scroll-y="true" bindscrolltolower="searchScrollLower">
|
||||
<view class="cl-outer" wx:for="{{crisisList}}" wx:key="idx" wx:for-item="it">
|
||||
<view class="cl-inner">
|
||||
<view class="cl-i-d1">
|
||||
<view class="cl-i-d-s1 lCs" wx:if="{{it._source.crisis === 3}}">高级危机</view>
|
||||
<view class="cl-i-d-s1 mCs" wx:if="{{it._source.crisis === 2}}">中级危机</view>
|
||||
<view class="cl-i-d-s1 dCs" wx:if="{{it._source.crisis === 1}}">低级危机</view>
|
||||
<view class="cl-i-d-s2">{{it._source.firsttime}}</view>
|
||||
</view>
|
||||
<view class="cl-i-d2">
|
||||
<view class="cl-i-d-s3">{{it._source.title}}</view>
|
||||
<view class="cl-i-d-s4">{{it._source.content}}</view>
|
||||
</view>
|
||||
<view class="cl-i-line"></view>
|
||||
<view class="cl-i-d-btn">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="loading" hidden="{{!loadMore}}">正在载入更多...</view>
|
||||
<view class="loading" hidden="{{!loadAll}}">已加载全部</view>
|
||||
</scroll-view>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</view>
|
||||
@ -0,0 +1,72 @@
|
||||
.cl-outer {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.cl-inner {
|
||||
padding: 16px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.cl-i-d1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.cl-i-d-s1 {
|
||||
border-radius: 2px;
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.lCs {
|
||||
color: #FF4852;
|
||||
background: #FFF0F1;
|
||||
}
|
||||
.mCs {
|
||||
color: #FF6E25;
|
||||
background: #FFE5DF;
|
||||
}
|
||||
.dCs {
|
||||
color: #FFBF00;
|
||||
background: #FCFFE0;
|
||||
}
|
||||
.cl-i-d-s2 {
|
||||
font-size: 13px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.cl-i-d-s3 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.cl-i-d-s4 {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.cl-i-line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: linear-gradient(117deg, rgba(245, 245, 245, 0) 0%, #EEEEEE 50%, rgba(232, 232, 232, 0) 100%);
|
||||
margin-top: 16px;
|
||||
}
|
||||
.cl-i-d-btn {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: #0084FF;
|
||||
font-size: 13px;
|
||||
}
|
||||
.loading {
|
||||
position: relative;
|
||||
bottom: 5rpx;
|
||||
padding: 10rpx;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
Loading…
Reference in new issue