<template> <div id="header" style="background-color: #fff;" @touchmove.prevent @mousewheel.prevent> <!-- 下面放个占位 --> <div class="bconten_width"> <div class="contnet_width_content"> <ul class="header_ul"> </ul> </div> </div> <!-- 上面放个占位 --> <!-- 下面是2个组件的引入 --> <div class="twocomdiv" style="background-color: #ffffff;"> <!-- 下面是最新 --> <div v-if="myindex==0"> <AAA></AAA> </div> </div> <!-- 下面是占位 --> <div style="width: 100vw;height: 60rem;"></div> </div> </template> <script> import AAA from './firstitem' export default { name: 'homeLayoutHeader', components: { AAA, }, data() { return { myindex: 0, dropDownActive: '', active: 0 } }, } </script> <style scoped> .twocomdiv { background-color: #ffffff; width: 100vw; height: 100vh; margin-top: 60px; } #header { width: 100vw; height: 100vh; } * { margin: 0; padding: 0; } .bconten_width { height: 110px; width: 100vw; margin: 0 auto; box-sizing: border-box; background-color: #fff; } .conten_width { height: 110px; width: 100vw; margin: 0 auto; box-sizing: border-box; background-color: #fff; position: fixed; top: 0px; left: 0px; z-index: 99999; } .contnet_width_content { height: 80px; width: 100vw; display: flex; justify-content: center; align-items: center; } .header_ul { display: flex; width: 50vw; height: 30px; justify-content: space-between; transform: translateX(0px); font-size: 30px; } .header_ul li { padding-bottom: 50px; cursor: pointer; padding-left: 2px; } .chosed { border-bottom: 5px solid red; position: relative; left: -5px; } </style>
技师端login.vue代码
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
上一篇:
home.vue下
下一篇:
firstitem.vue登录代码上