|
|
@@ -37,15 +37,15 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="input-wrap" >
|
|
|
- <view style="padding:0upx 0upx 0upx 0upx;margin-right:10upx;" >
|
|
|
- <button class="admin-button-com middle blue" @click="selectFlowerNumFn()">图片分类</button>
|
|
|
+ <view class="header-action-wrap header-action-wrap--left">
|
|
|
+ <button class="admin-button-com blue header-action-btn" @click="selectFlowerNumFn()">图片分类</button>
|
|
|
</view>
|
|
|
<view class="search-bar">
|
|
|
<app-search-module v-model="py" placeholder="最少输二到三字搜索" placeholder-color="red" @input="goSearchFn" />
|
|
|
</view>
|
|
|
- <view style="padding:0 0upx 0 20upx;" >
|
|
|
- <button class="admin-button-com middle blue" v-if="ghsInfo.presell && ghsInfo.presell == 1" style="background-color:#09C567;border:1upx solid #09C567;" @click="aheadCg(ghsInfo)">预订花材</button>
|
|
|
- <button class="admin-button-com middle blue" v-else @click="delMemory()" style="background-color: red;border:1upx solid red;">清空购物车</button>
|
|
|
+ <view class="header-action-wrap header-action-wrap--right">
|
|
|
+ <button class="admin-button-com blue header-action-btn header-action-btn--presell" v-if="ghsInfo.presell && ghsInfo.presell == 1" @click="aheadCg(ghsInfo)">预订花材</button>
|
|
|
+ <button class="admin-button-com blue header-action-btn header-action-btn--clear" v-else @click="delMemory()">清空已选</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -969,9 +969,38 @@ export default {
|
|
|
}
|
|
|
.input-wrap {
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
padding: 18upx 20upx 22upx 13upx;
|
|
|
.search-bar {
|
|
|
flex: 1;
|
|
|
+ min-width: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .header-action-wrap {
|
|
|
+ flex-shrink: 0;
|
|
|
+ &--left {
|
|
|
+ margin-right: 10upx;
|
|
|
+ }
|
|
|
+ &--right {
|
|
|
+ padding-left: 20upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /* 与搜索框 map-search 同高 90upx，去掉 middle 上下 padding，文字水平垂直居中 */
|
|
|
+ .header-action-btn {
|
|
|
+ height: 90upx;
|
|
|
+ line-height: 90upx;
|
|
|
+ padding: 0 16upx;
|
|
|
+ margin: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 26upx;
|
|
|
+ &--presell {
|
|
|
+ background-color: #09C567;
|
|
|
+ border: 1upx solid #09C567;
|
|
|
+ }
|
|
|
+ &--clear {
|
|
|
+ background-color: red;
|
|
|
+ border: 1upx solid red;
|
|
|
}
|
|
|
}
|
|
|
.scroll-middle_bx {
|
