添加:品牌好店 - 风格三样式
This commit is contained in:
parent
404507039d
commit
5e9ac097a0
|
|
@ -37,11 +37,7 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- 风格三 -->
|
<!-- 风格三 -->
|
||||||
<div class="mobile-page mobile-page-style-3" v-if="isOne == 2">
|
<div class="mobile-page mobile-page-style-3" v-if="isOne == 2">
|
||||||
<div
|
<div class="home-shop shop-block" v-for="(item, index) in shopList" :key="index" :style="{borderRadius:(bgStyle == 1 ? '8px' : '')}">
|
||||||
class="home-shop shop-block"
|
|
||||||
v-for="(item, index) in shopList" :key="index"
|
|
||||||
:style="{borderRadius:(bgStyle == 1 ? '8px' : '')}"
|
|
||||||
>
|
|
||||||
<div class="shop-block-top">
|
<div class="shop-block-top">
|
||||||
<div class="image">
|
<div class="image">
|
||||||
<img class="store-avatar" src="@/assets/images/store_avatar.png">
|
<img class="store-avatar" src="@/assets/images/store_avatar.png">
|
||||||
|
|
@ -106,6 +102,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 统一底部 -->
|
||||||
<div class="shop-more">更多店铺<span class="iconfont iconjinru"></span></div>
|
<div class="shop-more">更多店铺<span class="iconfont iconjinru"></span></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -571,10 +568,11 @@ export default {
|
||||||
.store-desc{
|
.store-desc{
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
width: calc(100% - var(--store-avatar-size-));
|
width: calc(100% - var(--store-avatar-size-));
|
||||||
|
height: var(--store-avatar-size-);
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
justify-content: center;
|
justify-content: space-evenly;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
||||||
.store-name{
|
.store-name{
|
||||||
|
|
|
||||||
|
|
@ -124,6 +124,20 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="人均消费额:" prop="avg_consumption">
|
||||||
|
<el-input type="number" v-model="merData.avg_consumption" placeholder="请填写人均消费额" class="selWidth" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="商户标签:" prop="mer_label">
|
||||||
|
<el-input type="textarea" v-model="merData.mer_label" placeholder="请填写商户标签,多个以逗号隔开!" class="selWidth" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="经营信息" name="operate">
|
<el-tab-pane label="经营信息" name="operate">
|
||||||
|
|
@ -218,11 +232,7 @@
|
||||||
<el-row :gutter="24">
|
<el-row :gutter="24">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="商户关键字:" prop="mer_keyword">
|
<el-form-item label="商户关键字:" prop="mer_keyword">
|
||||||
<el-input
|
<el-input v-model="merData.mer_keyword" placeholder="请填写商户关键字" class="selWidth" />
|
||||||
v-model="merData.mer_keyword"
|
|
||||||
placeholder="请填写商户关键字"
|
|
||||||
class="selWidth"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
|
||||||
|
|
@ -46,6 +46,14 @@
|
||||||
<div>备注:</div>
|
<div>备注:</div>
|
||||||
<div class="value">{{merData.mark}}</div>
|
<div class="value">{{merData.mark}}</div>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>人均消费额:</div>
|
||||||
|
<div class="value">{{merData.avg_consumption}}</div>
|
||||||
|
</li>
|
||||||
|
<li class="item">
|
||||||
|
<div>商户标签:</div>
|
||||||
|
<div class="value">{{merData.mer_label}}</div>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue