优化移动端楼层装修

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

View File

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

View File

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

View File

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