优化移动端楼层装修
parent
14d12d90e3
commit
b22ad88f37
|
@ -15,7 +15,7 @@
|
|||
<span v-if="res[prom].freeFreightFlag">赠送包邮服务</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="res_prom_item" v-if="res[prom].fullRate">
|
||||
<div class="res_prom_item" v-if="res[prom].fullRate && res[prom].fullRateFlag">
|
||||
<u-tag text="打折" type="error"></u-tag>
|
||||
<span class="pro-text"
|
||||
>满{{ res[prom].fullMoney }}元,立享<span class="price"
|
||||
|
|
|
@ -102,6 +102,14 @@ export function modelNavigateTo(item) {
|
|||
url: `/pages/product/shopList`,
|
||||
});
|
||||
break;
|
||||
case "外部链接":
|
||||
// #ifdef H5
|
||||
window.location.href = val.url;
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
plus.runtime.openURL(val.url) //不需要拼接\
|
||||
// #endif
|
||||
break;
|
||||
}
|
||||
|
||||
break;
|
||||
|
|
|
@ -1,7 +1,12 @@
|
|||
<template>
|
||||
<div class="layout">
|
||||
<div class="menu-list">
|
||||
<div class="menu-item" @click="modelNavigateTo(item)" v-for="(item, index) in res.list" :key="index">
|
||||
<div
|
||||
class="menu-item"
|
||||
@click="modelNavigateTo(item)"
|
||||
v-for="(item, index) in res.list"
|
||||
:key="index"
|
||||
>
|
||||
<div>
|
||||
<u-image
|
||||
width="88rpx"
|
||||
|
@ -9,7 +14,7 @@
|
|||
class="menu-img"
|
||||
:src="item.img"
|
||||
>
|
||||
<u-loading slot="loading"></u-loading>
|
||||
<u-loading slot="loading"></u-loading>
|
||||
</u-image>
|
||||
</div>
|
||||
<div class="menu-title">{{ item.title }}</div>
|
||||
|
@ -18,15 +23,15 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {modelNavigateTo} from './tpl'
|
||||
import { modelNavigateTo } from "./tpl";
|
||||
export default {
|
||||
title:"五列菜单",
|
||||
title: "五列菜单",
|
||||
props: ["res"],
|
||||
data () {
|
||||
data() {
|
||||
return {
|
||||
modelNavigateTo,
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
@ -34,6 +39,7 @@ export default {
|
|||
.menu-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
> .menu-item {
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="layout" :style="{textAlign: res.list[0].textAlign}">
|
||||
<div class="layout" :style="{textAlign: res.list[0].textAlign}" @click="modelNavigateTo(res.list[0])" >
|
||||
<div class="background" :style="{ backgroundColor: res.list[0].bk_color}">
|
||||
<div class="title" :style="{ color: res.list[0].color }">
|
||||
{{ res.list[0].title }}
|
||||
|
@ -13,9 +13,15 @@
|
|||
|
||||
|
||||
<script>
|
||||
import { modelNavigateTo } from "./tpl";
|
||||
export default {
|
||||
title: "标题栏",
|
||||
props: ["res"],
|
||||
data() {
|
||||
return {
|
||||
modelNavigateTo,
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
|
|
Loading…
Reference in New Issue