- 博客(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
478
原创 轮播图
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
78
原创 用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
334
原创 用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
337
原创 vue+自定义组件制作评分效果
Document .star { color: gold; } {{score1}}--- {{score2}}--- {{score3}}--- } }, methods: { }, })
2020-08-31 15:47:21
260
原创 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
303
原创 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
298
原创 微信小程序中定位封装的相关代码
小程序中定位的封装 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
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人