怪诶

小程序修改内容记录
一、detail修改:1.detail.wxml增加:<view wx:if="{{beforeS...
扫描右侧二维码阅读全文
19
2019/04

小程序修改内容记录

一、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%" />

修改名称

Last modification:April 19th, 2019 at 09:52 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment