摘要：
一，头部标题动态绑定 二，头部返回统一处理 三，头部布局 (左，中，右) （左，右） 界面效果 父组件 <template> <div class="profile"> <v-header :imgSrc="imgUrl" :title="titleDec" :text="textDec"> </v 阅读全文
摘要：
一，不确定有几个tabbar ,可能有三个，可能有四个，或者更多... 二，图片，文字点击高亮 三，跳转页面 四， 配置路由 虽然这个功能很多ui框架都有，但是封装也是一个学习的过程。 界面效果 父组件 <template> <div id="app"> <router-view></router- 阅读全文
摘要：
一，父组件 <header-tab ref="tab"></header-tab> 二，子组件 <div class="header_tab" ref="headertab"> <ul ref="tabitem"> <li></li> </ul> </div> 三，父组件获取 子组件dom元素 th 阅读全文
摘要：
界面效果 (可横向滑动) 父组件 <template> <div class="home"> <header-tab :listArray="list"> <img :src="imgSrc" alt="" slot="header_tab_img" /> </header-tab> </div> 阅读全文
摘要：
基于vue封装的横向滚动tab栏组件 知识点:1,父子组件传值 ,2,vue如何获取dom元素(ref,$refs)，3,点击高亮，4,获取屏幕宽度(window.innerWidth)，5,左偏移量(offsetLeft)，6,当前元素宽度(offsetWidth)，7,左滚动(scrollLef 阅读全文