优化移动端楼层装修

master
paulGao 2022-04-21 14:58:18 +08:00
parent 14d12d90e3
commit b22ad88f37
4 changed files with 29 additions and 9 deletions

View File

@ -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"

View File

@ -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;

View File

@ -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"
@ -18,15 +23,15 @@
</div>
</template>
<script>
import {modelNavigateTo} from './tpl'
import { modelNavigateTo } from "./tpl";
export default {
title: "五列菜单",
props: ["res"],
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 {

View File

@ -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>