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