一、detail修改:
1.detail.wxml增加:
<view wx:if="{{beforeShowDraft||showDraft}}" class="lh-draft__mask {{showDraft?'lh-draft__mask-active':''}}">
<view class="lh-draft__item lh-draft__item-0 {{showDraft?'lh-draft__item-active':''}}">
<view class="search-pancel">
<input value="" id="search-input" name="input" confirm-type="search" class="search-input" placeholder="输入关键字搜索..." bindconfirm="search"></input>
</view>
</view>
</view>
2.wxss新增:
.lh-draft {
position: fixed;
bottom: 15%;
right: 30rpx;
transition: opacity ease-in-out 0.2s;
display: flex;
align-items: center;
justify-content: center;
width: 90rpx;
height: 90rpx;
background: #2880fe;
border-radius: 70rpx;
box-shadow: 2rpx 2rpx 20rpx #2880fe;
z-index: 2000;
opacity: 0.9;
}
.lh-draft.hover {
background: #2880fe;
box-shadow: none;
}
.lh-draft__icon {
width: 48rpx;
height: 48rpx;
}
.lh-draft__text {
font-size: 28rpx;
font-weight: bold;
color: white;
}
.lh-draft__mask {
z-index: 10;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0);
transition: background-color ease-in-out 300ms;
}
.lh-draft__mask-active {
background: rgba(0, 0, 0, 0.3);
}
.lh-draft__item {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
background: white;
font-size: 28rpx;
color: #303133;
font-weight: bold;
position: fixed;
width: 380rpx;
height: 70rpx;
border-radius: 70rpx;
line-height: 70rpx;
bottom: 15%;
right: 30rpx;
opacity: 0;
transform: scale(0.5);
transition: opacity ease-in-out 200ms, transform ease-in-out 300ms;
}
.lh-draft__item-0 {
bottom: calc(18% + 50rpx);
}
.lh-draft__item-1 {
bottom: calc(18% + 150rpx);
transition-delay: 50ms;
}
.lh-draft__item-2 {
bottom: calc(18% + 250rpx);
transition-delay: 100ms;
}
.lh-draft__item-active {
opacity: 1;
transform: scale(1) translateY(-50rpx);
}
.lh-skeleton:empty {
height: calc(100vh - 90rpx - 90rpx - 20rpx);
}
.lh-fault {
height: calc((100vh - 90rpx - 90rpx) * 0.9);
}
.search-pancel {
display: flex;
flex-direction: row;
background-color: #fff;
padding: 10rpx 10rpx;
}
.search-pancel image {
width: 50rpx;
height: 50rpx;
margin-left: 20rpx;
vertical-align: middle;
}
二、topic修改:
修改列表
<view class="list-item">
<view class="content-title" data-item="{{item.name}}" data-id="{{item.id}}" bindtap="redictIndex">
<view class="topic-name">
<text>{{item.name}}</text>
</view>
</view>
</view>
</block>
css修改宽度
width: 303rpx;
margin-bottom: 30rpx;
margin-left: 10rpx;
margin-right: 30rpx;
三、index修改
中图改大图:
<image mode="aspectFill" src="{{item.post_large_image}}" style="width:100%" />
修改名称