Branch_ccc #3
36
pages.json
36
pages.json
@ -73,6 +73,42 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/index/page",
|
"path": "pages/index/page",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "1"
|
||||||
|
},
|
||||||
|
"meta": {
|
||||||
|
"auth": false,
|
||||||
|
"sync": true,
|
||||||
|
"title": "自定义页面",
|
||||||
|
"group": "商城"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/page2",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "2"
|
||||||
|
},
|
||||||
|
"meta": {
|
||||||
|
"auth": false,
|
||||||
|
"sync": true,
|
||||||
|
"title": "自定义页面二",
|
||||||
|
"group": "商城二"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/page3",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
},
|
||||||
|
"meta": {
|
||||||
|
"auth": false,
|
||||||
|
"sync": true,
|
||||||
|
"title": "自定义页面",
|
||||||
|
"group": "商城"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/page4",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": ""
|
"navigationBarTitleText": ""
|
||||||
},
|
},
|
||||||
|
52
pages/index/page2.vue
Normal file
52
pages/index/page2.vue
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!-- 自定义页面:支持装修 -->
|
||||||
|
<template>
|
||||||
|
<s-layout
|
||||||
|
:title="state.name"
|
||||||
|
navbar="custom"
|
||||||
|
tabbar="/pages/index/page2"
|
||||||
|
:bgStyle="state.page"
|
||||||
|
:navbarStyle="state.navigationBar"
|
||||||
|
onShareAppMessage
|
||||||
|
showLeftButton
|
||||||
|
>
|
||||||
|
<s-block v-for="(item, index) in state.components" :key="index" :styles="item.property.style">
|
||||||
|
<s-block-item :type="item.id" :data="item.property" :styles="item.property.style" />
|
||||||
|
</s-block>
|
||||||
|
</s-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { reactive } from 'vue';
|
||||||
|
import { onLoad, onPageScroll } from '@dcloudio/uni-app';
|
||||||
|
import DiyApi from '@/sheep/api/promotion/diy';
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
name: '',
|
||||||
|
components: [],
|
||||||
|
navigationBar: {},
|
||||||
|
page: {},
|
||||||
|
});
|
||||||
|
onLoad(async (options) => {
|
||||||
|
let id = options.id;
|
||||||
|
|
||||||
|
// #ifdef MP
|
||||||
|
// 小程序预览自定义页面
|
||||||
|
if (options.scene) {
|
||||||
|
const sceneParams = decodeURIComponent(options.scene).split('=');
|
||||||
|
id = sceneParams[1];
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
const { code, data } = await DiyApi.getDiyPage(id);
|
||||||
|
if (code === 0) {
|
||||||
|
state.name = data.name;
|
||||||
|
state.components = data.property?.components;
|
||||||
|
state.navigationBar = data.property?.navigationBar;
|
||||||
|
state.page = data.property?.page;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
onPageScroll(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
52
pages/index/page3.vue
Normal file
52
pages/index/page3.vue
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!-- 自定义页面:支持装修 -->
|
||||||
|
<template>
|
||||||
|
<s-layout
|
||||||
|
:title="state.name"
|
||||||
|
navbar="custom"
|
||||||
|
tabbar="/pages/index/page3"
|
||||||
|
:bgStyle="state.page"
|
||||||
|
:navbarStyle="state.navigationBar"
|
||||||
|
onShareAppMessage
|
||||||
|
showLeftButton
|
||||||
|
>
|
||||||
|
<s-block v-for="(item, index) in state.components" :key="index" :styles="item.property.style">
|
||||||
|
<s-block-item :type="item.id" :data="item.property" :styles="item.property.style" />
|
||||||
|
</s-block>
|
||||||
|
</s-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { reactive } from 'vue';
|
||||||
|
import { onLoad, onPageScroll } from '@dcloudio/uni-app';
|
||||||
|
import DiyApi from '@/sheep/api/promotion/diy';
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
name: '',
|
||||||
|
components: [],
|
||||||
|
navigationBar: {},
|
||||||
|
page: {},
|
||||||
|
});
|
||||||
|
onLoad(async (options) => {
|
||||||
|
let id = options.id;
|
||||||
|
|
||||||
|
// #ifdef MP
|
||||||
|
// 小程序预览自定义页面
|
||||||
|
if (options.scene) {
|
||||||
|
const sceneParams = decodeURIComponent(options.scene).split('=');
|
||||||
|
id = sceneParams[1];
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
const { code, data } = await DiyApi.getDiyPage(id);
|
||||||
|
if (code === 0) {
|
||||||
|
state.name = data.name;
|
||||||
|
state.components = data.property?.components;
|
||||||
|
state.navigationBar = data.property?.navigationBar;
|
||||||
|
state.page = data.property?.page;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
onPageScroll(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
52
pages/index/page4.vue
Normal file
52
pages/index/page4.vue
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!-- 自定义页面:支持装修 -->
|
||||||
|
<template>
|
||||||
|
<s-layout
|
||||||
|
:title="state.name"
|
||||||
|
navbar="custom"
|
||||||
|
tabbar="/pages/index/page4"
|
||||||
|
:bgStyle="state.page"
|
||||||
|
:navbarStyle="state.navigationBar"
|
||||||
|
onShareAppMessage
|
||||||
|
showLeftButton
|
||||||
|
>
|
||||||
|
<s-block v-for="(item, index) in state.components" :key="index" :styles="item.property.style">
|
||||||
|
<s-block-item :type="item.id" :data="item.property" :styles="item.property.style" />
|
||||||
|
</s-block>
|
||||||
|
</s-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { reactive } from 'vue';
|
||||||
|
import { onLoad, onPageScroll } from '@dcloudio/uni-app';
|
||||||
|
import DiyApi from '@/sheep/api/promotion/diy';
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
name: '',
|
||||||
|
components: [],
|
||||||
|
navigationBar: {},
|
||||||
|
page: {},
|
||||||
|
});
|
||||||
|
onLoad(async (options) => {
|
||||||
|
let id = options.id;
|
||||||
|
|
||||||
|
// #ifdef MP
|
||||||
|
// 小程序预览自定义页面
|
||||||
|
if (options.scene) {
|
||||||
|
const sceneParams = decodeURIComponent(options.scene).split('=');
|
||||||
|
id = sceneParams[1];
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
const { code, data } = await DiyApi.getDiyPage(id);
|
||||||
|
if (code === 0) {
|
||||||
|
state.name = data.name;
|
||||||
|
state.components = data.property?.components;
|
||||||
|
state.navigationBar = data.property?.navigationBar;
|
||||||
|
state.page = data.property?.page;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
onPageScroll(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
Loading…
Reference in New Issue
Block a user