- 博客(7)
- 收藏
- 关注
原创 vue-cli 使用swiper实现轮播图效果
1.引入swiper组件注意npm和cnpm不要混用cnpm i [email protected] -S2.在main.js中引入模块import 'swiper/css/swiper.css'import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)3.html代码展示<template> <div> <swiper :options="swiperOption
2021-01-29 13:21:55 766
原创 vue中v-show 实现上拉下拉菜单
上拉下拉菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="/
2021-01-14 17:31:10 915
原创 vue实现选项卡
选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.
2021-01-14 17:28:37 263
原创 Vue实现购物车
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-cloak]{
2021-01-10 14:48:20 158
原创 用v-show实现轮播图效果(可循环)
新手现学现卖 温故一下 .image{ 图片的宽高(自己根据图片来设置) width: px; height: ; overflow: hidden; } .iamge img{ 图片的宽高(自己根据图片来设置) width: px; height: px; } <div id=
2021-01-10 14:15:44 344
原创 Vue实现点击切换active样式
Vue实现active点击切换1.引入数据v-for="(item,index) in list"2.根据索引定义默认样式:class="{active:index===listactive}"在script中data:{listactive:0}3.绑定点击事件切换索引值@click=“listacitve=index”代码:(我这里引入了通用css 要的可以私聊我 发给你们)效果显示:...
2021-01-09 09:53:32 1351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人