自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 用vue实现轮播图效果

Document.index {display: flex;position: absolute;left: 60%;top: 95%;}.index li {width: 12px;height: 12px;margin: 0 10px;background-color: #fff;border-radius: 50%;}.index li.active {background: red;}.container {width: 700px;position...

2020-08-31 15:54:05 533

原创 用vue实现star经过效果

Document.star {color: gold;}}},methods: {},})

2020-08-31 15:51:47 186 1

原创 轮播图

Document#app {width: 550px;height: 240px;border: 1px solid darkgoldenrod;margin: 200px auto;}img {width: 550px;height: 240px;}.index {display: flex;position: absolute;left: 38%;top: 90%;}.index li {width: 12px;height: 2px;margin: ...

2020-08-31 15:51:12 120

原创 用vue实现计数

Document.list {margin: 10px;display: flex;}.list li {color: burlywood;border: 1px solid burlywood;margin: 0 10px;padding: 5px 10px;cursor: pointer;}.list li.active {color: chocolate;border: 1px solid chocolate;}input {width: 50px;te...

2020-08-31 15:50:25 394

原创 vue中的过滤器

Document

2020-08-31 15:49:04 96

原创 用VUE+小程序自定义组件制作搜索框

Document.searcher input {flex: 1;border: none;text-indent: 10px;outline: none;}.searcher{display: flex;border: 1px solid #ccc;width: 200px;height: 30px;margin: 0 auto;position: relative;}.btn{width: 30px;height: 30px;/* border: 1px ...

2020-08-31 15:48:01 392

原创 vue+自定义组件制作评分效果

Document.star {color: gold;}{{score1}}---{{score2}}---{{score3}}---}},methods: {},})

2020-08-31 15:47:21 331

原创 vue+自定义组件实现tab面板形式

Document.list {margin: 10px;display: flex;}.list li {color: burlywood;border: 1px solid burlywood;margin: 0 10px;padding: 5px 10px;cursor: pointer;}.list li.active {color: chocolate;border: 1px solid chocolate;}input {width: 50px;te...

2020-08-31 15:46:28 364

原创 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.jsdelivr.net/npm/v

2020-08-31 15:44:41 363

原创 微信小程序中定位封装的相关代码

小程序中定位的封装export function getLocationWithSetting(){return new Promise((resolve,reject)=>{wx.getSetting({success:async({authSetting})=>{//授权了if(authSetting['scope.userLocation']){resolve(await getLocation())}else{wx.openSetting({s

2020-08-31 15:41:34 454

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除