
vue 实现的效果demo
一些小demo,方便使用
Dking222
一步一步来吧,早呢
展开
-
vue中实现锚点定位(简单)
vue中实现路由跳转 <template> <div id="app"> <button @click="returnToA">跳转到A</button> <div>a</div> <div>a</div> <div>a</div> <div>a</div> <div>a</div>原创 2020-10-09 17:24:28 · 1499 阅读 · 1 评论 -
vue中使用千分位实现数字动态增加到预定值
vue中使用千分位实现数字动态增加到预定值 <template> <div class="number-grow-warp"> <span ref="numberGrow" :data-time="time" class="number-grow" :data-value="value" >0</span > </div> </template> &l原创 2020-10-10 09:34:14 · 676 阅读 · 1 评论 -
div显示滚动条(类似合同阅读)
div显示滚动条 div显示滚动条style属性里面: overflow : visible | auto | hidden | scroll ; visible:不剪切内容也不添加滚动条 auto:根据内容生成滚动条 hidden:不显示超过对象尺寸的内容,不添加滚动条 scroll:总是显示滚动条 ...原创 2020-10-10 11:21:52 · 231 阅读 · 0 评论 -
vue中实现公告栏的滚动特效
vue中实现公告栏的滚动特效 <template> <div id="demo"> <ul class="list"> <li v-for="(item, index) in ulList" :key="item.id" :class="!index && play ? 'toUp' : ''" > {{ item.msg }} &l原创 2020-10-26 14:03:14 · 3920 阅读 · 0 评论 -
Vue实现根据页面滚动距离实现导航栏吸顶效果
Vue实现根据页面滚动距离实现导航栏吸顶效果 <template> <div id="app"> <div id="demo"></div> <div id="nav" :class="{ 'fix-nav': navBarFixed }"></div> <!-- 下拉验证是否吸顶 --> <p>1</p> <p>2</p>原创 2020-10-09 17:15:45 · 759 阅读 · 0 评论 -
vue根据页面滚动距离实现类似侧边吸附效果
vue根据页面滚动距离实现类似吸附效果 <template> <div class="demo"> <div class="son1"></div> <div class="son2"></div> <div id="video" ref="abc">测试用</div> </div> </template> <script> export de原创 2020-10-09 11:58:13 · 637 阅读 · 0 评论 -
vue中实现点击按钮(多个)添加样式并展示对应内容(模块)
在vue中实现点击按钮添加样式 类似tab栏切换 <template> <div> <!-- 流程角色 --> {{ status }} <div class="role-content"> <div class="role-btn " @click="roleChecked0" :class="role0 == true ? 'active' : ''"原创 2020-10-09 09:04:52 · 3965 阅读 · 0 评论 -
vue中保险条款的固定样式
vue中保险条款的固定样式 <template> <div class="all"> <div class="title"> <i class="el-icon-arrow-left" @click="$router.go(-1)"></i> <p class="a">健康告知</p> </div> <div class="partA">原创 2020-10-30 10:41:13 · 300 阅读 · 0 评论