1.首先在根目录中pages创建目录common,再创建您要引入的Vue页面,比如csdn.vue
2.在csdn.vue页面里您编写自己要开发的内容
根据自己的需求进行修改,我只是举例
<template> <view class="content" > <view class="biaoti"> CSND </view> </view> </template> <script> export default { data() { return { pmkuandu: '', pmgaodu: '', } }, onLoad() { }, methods: { }, } </script> <style> .content{ background-color: darkcyan; } .biaoti{ color: #ff0000; } </style>
3.然后在index.vue页面进行引入
<template> <view class="content"> </view> <view class="csdn"> <csdn :style="{ height: pmgaodu + 'px', width: pmkuandu + 'px' }"></csdn> </view> </template> <script> import csdn from '/pages/common/csdn.vue' export default { components:{ csdn }, data() { return { } }, onLoad() { }, methods: { } } </script> <style> .content { z-index: 5; position: relative; } .csdn { display: flex; z-index: 3; position: fixed; top: 0px; margin-left: 0px; } </style>