2020年5月28日
Vue-dialog（弹框组件）
摘要： 新建一个Dialog组件 1 <template> 2 <div class="main"> 3 <div :class="{dialog:propsItem.rgba}" v-if="propsItem.isMask"> 4 <div class="content" v-bind:style="p 阅读全文
posted @ 2020-05-28 19:21 无你旅行 阅读(14602) 评论(0) 推荐(0) 编辑
Vue封装select下拉组件
摘要： 首先新建一个Input.vue组件 1 <template> 2 <div class="selectWrap"> 3 <div class="select-wrapper"> 4 <div class="select" @click = "triggerOption"> 5 <div class= 阅读全文
posted @ 2020-05-28 18:50 无你旅行 阅读(6455) 评论(0) 推荐(0) 编辑
Vue实现回到顶部
摘要： 新建一个Top组件 1 ​ 2 <template> 3 <div id="goTop"> 4 <div class="goTop" v-show="goTopShow" @click="goTop"> 5 <i class="el-icon-caret-top goTopIcon"></i> 6 阅读全文
posted @ 2020-05-28 17:02 无你旅行 阅读(5560) 评论(0) 推荐(0) 编辑
Vue实现Rate组件（星星评分）
摘要： 这个功能就类似于某宝在购物之后，对商品进行评价 先看一下效果 那么实现这个功能也很简单，新建一个my-rate组件，然后上代码 1 <template> 2 <div class="rate" :class="{'disabled':disabled}"> 3 <span v-if="showTex 阅读全文
posted @ 2020-05-28 12:14 无你旅行 阅读(3977) 评论(1) 推荐(2) 编辑