Skip to content

U
uni-app

m0_68066342 / uni-app
与 Fork 源项目一致

Fork自 DCloud / uni-app

通知 1
Star 0
Fork 0
U
uni-app

体验新版 GitCode，发现更多精彩内容 >>

提交 e4470362 编写于 作者: study夏羽's avatar study夏羽
浏览文件
操作

迁移七牛云图片链接到云存储

上级 a39f83f0
隐藏空白更改
内联 并排
Showing with 234 addition and 229 deletion
docs/README.md
浏览文件 @ e4470362
......@@ -77,7 +77,9 @@
我们精心准备了一个简单的十分钟介绍视频，方便你快速了解```uni-app```的主要特征：
<video id="video" onplay="videoPlay()" preload="none" controls="controls" width="100%" poster="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/poster.png" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"></video>
<!-- <video id="video" onplay="videoPlay()" preload="none" controls="controls" width="100%" poster="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/poster.png" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"></video> -->
<video id="video" onplay="videoPlay()" preload="none" controls="controls" width="100%" poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a876efc0-4f35-11eb-97b7-0dc4655d6e68.mp4"></video>
### 为什么要选择uni-app？
......@@ -86,7 +88,7 @@
<div class="uniapp-home-content">
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/12x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9c70d280-4f36-11eb-8a36-ebb87efcf8c0.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">开发者/案例数量更多</h5>
......@@ -96,7 +98,7 @@
</div>
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/22x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9d2b6ff0-4f36-11eb-b680-7980c8a877b8.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">平台能力不受限</h5>
......@@ -106,7 +108,7 @@
</div>
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/32x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9e0d6b80-4f36-11eb-97b7-0dc4655d6e68.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">性能体验优秀</h5>
......@@ -117,7 +119,7 @@
</div>
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/42x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9f01dda0-4f36-11eb-8a36-ebb87efcf8c0.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">周边生态丰富</h5>
......@@ -128,7 +130,7 @@
</div>
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/52x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9fc22060-4f36-11eb-bdc1-8bd33eb6adaa.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">学习成本低</h5>
......@@ -137,7 +139,7 @@
</div>
<div class="uniapp-home-content-item">
<div class="uniapp-home-content-item-image">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/62x.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a09723a0-4f36-11eb-97b7-0dc4655d6e68.png">
</div>
<div class="uniapp-home-content-item-header">
<h5 class="uniapp-home-content-item-title">开发成本低</h5>
......
docs/_navbar.md
浏览文件 @ e4470362
......@@ -17,11 +17,11 @@
<ul class="nav-href">
<li class="ext-link"><a href="//ext.dcloud.net.cn/" target="__blank">插件市场</a></li>
<li><a href="//dev.dcloud.net.cn/wish/?channel=uniapp" target="__blank">需求墙</a></li>
<li><a href="//dev.dcloud.net.cn/sponsor/?channel=uniapp" target="__blank" style="color:#FF6600!important;"><img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/heart.png" class="heart">赞助我们</a></li>
<li><a href="//dev.dcloud.net.cn/sponsor/?channel=uniapp" target="__blank" style="color:#FF6600!important;"><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/45e691f0-4f3d-11eb-b680-7980c8a877b8.png" class="heart">赞助我们</a></li>
</ul>
<div class="github">
<a href="//github.com/dcloudio/uni-app" target="_blank">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/github.svg">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/44f8d690-4f3d-11eb-b680-7980c8a877b8.svg">
</a>
</div>
docs/_sidebar.md
浏览文件 @ e4470362
......@@ -45,31 +45,31 @@
<li class="show-sponsor-in-phone"><a href="//dev.dcloud.net.cn/sponsor/?channel=uniapp" target="__blank">赞助我们</a></li>
<div class="contact-box">
<a href="//unicloud.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/cloud%402x.jpg" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud Web控制台</div>
</div>
</a>
<a href="//ask.dcloud.net.cn/explore/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/d@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>论坛</div>
</div>
</a>
<a href="https://uniad.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/uniad-520.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniAD</div>
</div>
</a>
<a href="https://tongji.dcloud.net.cn/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-tongji-icon.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uni统计</div>
</div>
</a>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/git-1.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>
代码仓库：<a href="https://gitee.com/dcloud/uni-app" target="_blank">码云</a>、<a href="http://github.com/dcloudio/uni-app" target="_blank">GitHub</a>
......@@ -77,7 +77,7 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/qq@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>官方QQ交流群</div>
<div>群28：166188776 &nbsp;<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=s_JtwTABLK5eevTqUnxvMFtn5kTaikvv&jump_from=webapi">点此加入</a></div>
......@@ -119,10 +119,10 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>关注微信公众号</div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin.jpg" width="90" height="90"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg" width="90" height="90"/>
</div>
</div>
</div>
docs/api/_sidebar.md
浏览文件 @ e4470362
......@@ -141,31 +141,31 @@
<li></li>
<div class="contact-box">
<a href="//unicloud.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/cloud%402x.jpg" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud Web控制台</div>
</div>
</a>
<a href="//ask.dcloud.net.cn/explore/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/d@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>论坛</div>
</div>
</a>
<a href="https://uniad.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/uniad-520.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniAD</div>
</div>
</a>
<a href="https://tongji.dcloud.net.cn/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-tongji-icon.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uni统计</div>
</div>
</a>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/git-1.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>
代码仓库：<a href="https://gitee.com/dcloud/uni-app" target="_blank">码云</a>、<a href="http://github.com/dcloudio/uni-app" target="_blank">GitHub</a>
......@@ -173,7 +173,7 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/qq@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>官方QQ交流群</div>
<div>群28：166188776 &nbsp;<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=s_JtwTABLK5eevTqUnxvMFtn5kTaikvv&jump_from=webapi">点此加入</a></div>
......@@ -215,10 +215,10 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>关注微信公众号</div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin.jpg" width="90" height="90"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg" width="90" height="90"/>
</div>
</div>
</div>
docs/api/canvas/CanvasContext.md
浏览文件 @ e4470362
......@@ -142,7 +142,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/arc.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/687c12e0-4f28-11eb-bdc1-8bd33eb6adaa.png)
针对 ```arc(100, 75, 50, 0, 1.5 * Math.PI)```的三个关键坐标如下：
* 绿色: 圆心 (100, 75)
......@@ -200,7 +200,7 @@ ctx.fill()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-path.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1b5714b0-4f28-11eb-8a36-ebb87efcf8c0.png)
### CanvasContext.bezierCurveTo
创建三次方贝塞尔曲线路径。
......@@ -265,7 +265,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/bezier-curve.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/03cf3750-4f28-11eb-b997-9918a5dda011.png)
针对 ```moveTo(20, 20)`` ```bezierCurveTo(20, 100, 200, 100, 200, 20)``` 的三个关键坐标如下：
......@@ -305,7 +305,7 @@ ctx.clearRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/clear-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/05afde30-4f28-11eb-a16f-5b3e54966275.png)
### CanvasContext.clip
......@@ -320,7 +320,7 @@ ctx.draw()
const context = uni.createCanvasContext('myCanvas')
uni.downloadFile({
url: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png',
url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png',
success: function (res) {
context.save()
context.beginPath()
......@@ -334,7 +334,7 @@ context.drawImage(res.tempFilePath, 48, 48)
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/clip.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/067a3310-4f28-11eb-b997-9918a5dda011.png)
### CanvasContext.closePath
关闭一个路径。
......@@ -355,7 +355,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/close-line.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/074e9a10-4f28-11eb-8a36-ebb87efcf8c0.png)
```javascript
......@@ -380,7 +380,7 @@ ctx.fill()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/close-path.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/02d34b20-4f28-11eb-b680-7980c8a877b8.png)
### CanvasContext.createCircularGradient
创建一个从圆心开始的渐变。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。
......@@ -409,7 +409,7 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/circular-gradient.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/04c3f790-4f28-11eb-8a36-ebb87efcf8c0.png)
### CanvasContext.createLinearGradient
创建一个线性的渐变颜色。返回的 [CanvasGradient](/api/canvas/CanvasGradient) 对象，需要使用 ```CanvasGradient.addColorStop()``` 来指定渐变点，至少要两个。
......@@ -440,7 +440,7 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/linear-gradient.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/24a94010-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.createPattern
对指定的图像创建模式的方法，可在指定的方向上重复元图像
......@@ -484,7 +484,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/un-reserve.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/33d7d100-4f28-11eb-97b7-0dc4655d6e68.png)
```javascript
......@@ -497,7 +497,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw(true)
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/reserve.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2ad88090-4f28-11eb-8ff1-d5dcf8779628.png)
### CanvasContext.drawImage
绘制图像到画布。
......@@ -535,7 +535,7 @@ uni.chooseImage({
})
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/draw-image.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1946d250-4f28-11eb-8a36-ebb87efcf8c0.png)
### CanvasContext.fill
对当前路径中的内容进行填充。默认的填充色为黑色。
......@@ -555,7 +555,7 @@ ctx.fill()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-line.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1a366270-4f28-11eb-a16f-5b3e54966275.png)
```javascript
const ctx = uni.createCanvasContext('myCanvas')
......@@ -580,7 +580,7 @@ ctx.fill()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-path.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1b5714b0-4f28-11eb-8a36-ebb87efcf8c0.png)
### CanvasContext.fillRect
填充一个矩形。
......@@ -605,7 +605,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1c4656b0-4f28-11eb-a16f-5b3e54966275.png)
### CanvasContext.fillText
在画布上绘制被填充的文本。
......@@ -655,7 +655,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/line-to.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/27097730-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.measureText
测量文本尺寸信息，目前仅返回文本宽度。同步接口。（App 端 2.8.12+ 支持）
......@@ -706,7 +706,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/move-to.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2945d2a0-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.quadraticCurveTo
创建二次贝塞尔曲线路径。曲线的起始点为路径中前一个点。
......@@ -762,7 +762,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/quadratic-curve-to.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2a0a0d00-4f28-11eb-bd01-97bc1429a9ff.png)
针对 ```moveTo(20, 20)`` ```quadraticCurveTo(20, 100, 200, 20)``` 的三个关键坐标如下：
......@@ -794,7 +794,7 @@ ctx.fill()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1c4656b0-4f28-11eb-a16f-5b3e54966275.png)
### CanvasContext.restore
恢复之前保存的绘图上下文。
......@@ -816,7 +816,7 @@ ctx.fillRect(50, 50, 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/save-restore.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2c8d0e60-4f28-11eb-8ff1-d5dcf8779628.png)
### CanvasContext.rotate
以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。
......@@ -841,7 +841,7 @@ ctx.strokeRect(100, 10, 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/rotate.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2bbd8960-4f28-11eb-bd01-97bc1429a9ff.png)
### CanvasContext.save
保存当前的绘图上下文。
......@@ -887,7 +887,7 @@ ctx.strokeRect(10, 10, 25, 15)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/scale.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2d528140-4f28-11eb-8ff1-d5dcf8779628.png)
### CanvasContext.setFillStyle
设置填充色，如果没有设置 fillStyle，默认颜色为 black。
......@@ -914,7 +914,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/fill-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1c4656b0-4f28-11eb-a16f-5b3e54966275.png)
### CanvasContext.setFontSize
设置字体的字号。
......@@ -940,7 +940,7 @@ ctx.fillText('50', 90, 90)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/font-size.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/1855bb90-4f28-11eb-a16f-5b3e54966275.png)
### CanvasContext.setGlobalAlpha
......@@ -968,7 +968,7 @@ ctx.fillRect(100, 100, 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/global-alpha.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/23c43740-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.setLineCap
设置线条的端点样式。
......@@ -1012,7 +1012,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/line-cap.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2577dab0-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.setLineDash
设置线条宽度。
......@@ -1039,7 +1039,7 @@ ctx.stroke();
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/set-line-dash.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2e1d4b50-4f28-11eb-8ff1-d5dcf8779628.png)
### CanvasContext.setLineJoin
设置线条的交点样式。
......@@ -1087,7 +1087,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/line-join.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/264f9d10-4f28-11eb-bd01-97bc1429a9ff.png)
### CanvasContext.setLineWidth
设置线条的宽度。
......@@ -1128,7 +1128,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/line-width.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/27d356e0-4f28-11eb-bd01-97bc1429a9ff.png)
### CanvasContext.setMiterLimit
设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。 当 ``setLineJoin()`` 为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示。
......@@ -1182,7 +1182,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/miter-limit.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/289176c0-4f28-11eb-bd01-97bc1429a9ff.png)
### CanvasContext.setShadow
设置阴影样式。如果没有设置，offsetX 默认值为0， offsetY 默认值为0， blur 默认值为0，color 默认值为 black。
......@@ -1206,7 +1206,7 @@ ctx.fillRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/shadow.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/308068a0-4f28-11eb-b997-9918a5dda011.png)
### CanvasContext.setStrokeStyle
设置边框颜色。如果没有设置 fillStyle，默认颜色为 black。
......@@ -1226,7 +1226,7 @@ ctx.strokeRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/stroke-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3302cdc0-4f28-11eb-97b7-0dc4655d6e68.png)
### CanvasContext.setTextAlign
用于设置文字的对齐
......@@ -1258,7 +1258,7 @@ ctx.fillText('textAlign=right', 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/set-text-align.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2ee492f0-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.setTextBaseline
用于设置文字的水平对齐
......@@ -1296,7 +1296,7 @@ ctx.fillText('normal', 200, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/set-text-baseline.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/2fba3270-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.setTransform
使用矩阵重新设置（覆盖）当前变换的方法
......@@ -1334,7 +1334,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/stroke-line.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/31473b10-4f28-11eb-bdc1-8bd33eb6adaa.png)
```javascript
......@@ -1360,7 +1360,7 @@ ctx.stroke()
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/stroke-path.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/322c1cd0-4f28-11eb-bdc1-8bd33eb6adaa.png)
### CanvasContext.strokeRect
画一个矩形(非填充)。用 `setFillStroke()` 设置边框颜色，如果没设置默认是黑色。
......@@ -1383,7 +1383,7 @@ ctx.strokeRect(10, 10, 150, 75)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/stroke-rect.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3302cdc0-4f28-11eb-97b7-0dc4655d6e68.png)
### CanvasContext.strokeText
......@@ -1443,4 +1443,4 @@ ctx.strokeRect(10, 10, 150, 100)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/translate.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/34aef720-4f28-11eb-97b7-0dc4655d6e68.png)
docs/api/canvas/CanvasGradient.md
浏览文件 @ e4470362
......@@ -33,5 +33,5 @@ ctx.fillRect(10, 10, 150, 80)
ctx.draw()
```
![uniapp](//img-cdn-qiniu.dcloud.net.cn/uniapp/images/color-stop.png?t=201859)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d1e88440-4f26-11eb-bd01-97bc1429a9ff.png)
docs/api/extend/native-plugin.md
浏览文件 @ e4470362
......@@ -69,7 +69,7 @@
下载解压后目录结构如下：
<img width="600px" src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190416/499c1b53bb61fa1792d5e47cf088c926.png" />
<img width="600px" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c6b5e6d0-4f2b-11eb-b680-7980c8a877b8.png" />
- 方式二：开发者自己开发uni-app原生插件
......@@ -83,7 +83,7 @@
在manifest.json -> App原生插件配置 -> 选择本地插件 -> 选择需要打包生效的插件 -> 保存后提交云端打包生效。
<img width="600px" src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190416/bfe0dde508c6652dd79a5820c2ea71ac.png" />
<img width="600px" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c79438e0-4f2b-11eb-8a36-ebb87efcf8c0.png" />
##### 第三步：开发调试本地原生插件
在vue页面或nvue页面引入这个原生插件。
......@@ -114,7 +114,7 @@
##### 第二步：使用自定义基座打包uni原生插件 （注：请使用真机运行自定义基座）
在manifest.json -> App原生插件配置 -> 选择云端插件 -> 选择需要打包的插件 -> 保存后提交云端打包生效。
<img width="600px" src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190416/1b5297e695ad1536ddafe3c834e9c297.png" />
<img width="600px" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c8512040-4f2b-11eb-8a36-ebb87efcf8c0.png" />
##### 第三步：开发调试uni-app原生插件
......
docs/api/media/background-audio-manager.md
浏览文件 @ e4470362
......@@ -61,8 +61,8 @@ errCode 说明
const bgAudioMannager = uni.getBackgroundAudioManager();
bgAudioMannager.title = '致爱丽丝';
bgAudioMannager.singer = '暂无';
bgAudioMannager.coverImgUrl = 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.jpg';
bgAudioMannager.src = 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3';
bgAudioMannager.coverImgUrl = 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png';
bgAudioMannager.src = '1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3';
```
......
docs/api/media/video-context.md
浏览文件 @ e4470362
......@@ -33,7 +33,7 @@
<view>
<view class="page-body">
<view class="page-section">
<video id="myVideo" src="http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4" @error="videoErrorCallback" :danmu-list="danmuList"
<video id="myVideo" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/360e4b20-4f4b-11eb-8a36-ebb87efcf8c0.mp4" @error="videoErrorCallback" :danmu-list="danmuList"
enable-danmu danmu-btn controls></video>
<view class="uni-list">
......
docs/api/plugins/share.md
浏览文件 @ e4470362
......@@ -103,7 +103,7 @@ uni.share({
provider: "weixin",
scene: "WXSceneSession",
type: 2,
imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
imageUrl: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
......@@ -126,7 +126,7 @@ uni.share({
href: "http://uniapp.dcloud.io/",
title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
imageUrl: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
......@@ -161,7 +161,7 @@ uni.share({
provider: "weixin",
scene: "WXSenceTimeline",
type: 2,
imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
imageUrl: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
......@@ -183,7 +183,7 @@ uni.share({
href: "http://uniapp.dcloud.io/",
title: "uni-app分享",
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
imageUrl: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
imageUrl: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png",
success: function (res) {
console.log("success:" + JSON.stringify(res));
},
......@@ -200,7 +200,7 @@ uni.share({
provider: 'weixin',
scene: "WXSceneSession",
type: 5,
imageUrl: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/app/share-logo@3.png',
imageUrl: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/962fc340-4f2c-11eb-bdc1-8bd33eb6adaa.png',
title: '欢迎体验uniapp',
miniProgram: {
id: 'gh_abcdefg',
......@@ -229,12 +229,12 @@ uni.share({
- 微信 appid 申请步骤：[https://ask.dcloud.net.cn/article/208](https://ask.dcloud.net.cn/article/208)。
- iOS平台微信SDK配置通用链接：[https://ask.dcloud.net.cn/article/36445](https://ask.dcloud.net.cn/article/36445)。
![](https://img.cdn.aliyun.dcloud.net.cn/uni-app/doc/mp-weixin-manifest-share.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/da6b1be0-4f2c-11eb-8a36-ebb87efcf8c0.png)
##### 新浪微博分享
在 manifest.json 的 App SDK 配置里，勾选勾选新浪微博，并填写相关appkey，新浪微博 appkey 申请步骤可参考：[https://ask.dcloud.net.cn/article/209](https://ask.dcloud.net.cn/article/209)。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni2019022502.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/db61d7f0-4f2c-11eb-8a36-ebb87efcf8c0.png)
##### QQ 分享
在 manifest.json 的 App SDK 配置里，勾选分享到QQ好友，并填写相关appkey，QQ分享 appkey 申请步骤：
......@@ -243,7 +243,7 @@ uni.share({
2. 完成开发者注册；
3. 创建应用，选择移动 App，填写相关信息，然后等待审核，审核通过后即可得到AppId。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni2019022503.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d97fd180-4f2c-11eb-bdc1-8bd33eb6adaa.png)
这些配置需要打包生效，真机运行仍然是HBuilder基座的设置，可使用[自定义基座包](http://ask.dcloud.net.cn/article/12723)调试。离线打包请参考离线打包文档在原生工程中配置。
......
docs/case.md
浏览文件 @ e4470362
......@@ -157,15 +157,15 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style"><b>ColorUI：</b></a>ColorUI官方组件库for uni-app，高颜值示例。本项目插件市场地址：[https://ext.dcloud.net.cn/plugin?id=239](https://ext.dcloud.net.cn/plugin?id=239)
<div style="display:flex;justify-content: space-around;">
<a href="http://demo.color-ui.com" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/color-ui-H5.jpg" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/42ce11e0-4f3e-11eb-8ff1-d5dcf8779628.jpg" width="200"/>
<span style="margin-top:15px;">H5码</span>
</a>
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/color-ui-weapp.jpg" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/43888840-4f3e-11eb-bdc1-8bd33eb6adaa.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序码</span>
</a>
<a href="http://ext.dcloud.net.cn/plugin?id=239" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/color-ui-alipay.jpg" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/41d7cb00-4f3e-11eb-8a36-ebb87efcf8c0.jpg" width="200"/>
<span style="margin-top:15px;">支付宝小程序码</span>
</a>
</div>
......@@ -177,19 +177,19 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
<span style="margin-top:15px;">App码</span>
</a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/cyb-wx.jpg" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/46ad6ef0-4f3e-11eb-8ff1-d5dcf8779628.jpg" width="200"/>
<span style="margin-top:15px;">微信小程序码</span>
</a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/cyb-baidu.png" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/44496740-4f3e-11eb-bd01-97bc1429a9ff.png" width="200"/>
<span style="margin-top:15px;">百度小程序码</span>
</a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/cyb-qq.jpg" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/4508bfa0-4f3e-11eb-8ff1-d5dcf8779628.jpg" width="200"/>
<span style="margin-top:15px;">QQ小程序码</span>
</a>
<a href="https://www.cyb520.com/" target="_blank" class="clear-style barcode-view">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/cyb-toutiao.png" width="200"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/45dadcb0-4f3e-11eb-8a36-ebb87efcf8c0.png" width="200"/>
<span style="margin-top:15px;">头条/抖音小程序码</span>
</a>
</div>
......@@ -242,7 +242,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
<strong>vivo会员官方小程序：</strong> 微信小程序搜索 "vivo会员"，<scan-code-text class="scan-code-text">或鼠标移此查看[微信小程序码]</scan-code-text>
<div class="scan-code-hover">
<div class="scan-code-hover-box">
<img src="https://img.cdn.aliyun.dcloud.net.cn/uni-app/vivovip.jpg" alt="二维码获取失败" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c647c110-4f3e-11eb-bd01-97bc1429a9ff.jpg" alt="二维码获取失败" />
</div>
</div>
</div>
......@@ -305,7 +305,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
<strong>昆铁+：</strong> 中国铁路昆明局为乘客提供的应用。[App下载页](https://media.kunming-railway.cn/)、微信小程序搜索“昆铁+”
<div class="scan-code-hover">
<div class="scan-code-hover-box">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/wxkt.jpg" alt="二维码获取失败" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/47774ea0-4f3e-11eb-bdc1-8bd33eb6adaa.jpg" alt="二维码获取失败" />
</div>
</div>
</div>
......@@ -632,7 +632,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
**超英预告：**超级英雄预告，腾讯课堂Next学院的uni-app课程示例，[H5](http://www.imovietrailer.com)、微信小程序搜索“NEXT超英预告”。
**垃圾分类帮帮团：** [微信小程序码地址](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/ljfl.png)
**垃圾分类帮帮团：** [微信小程序码地址](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/5ae0ada0-4f3f-11eb-8a36-ebb87efcf8c0.png)
**FUNSOLE：**Funsole疯收是一个专业的球鞋交易平台。[App和小程序通用链接](https://m3w.cn/funsole)
......@@ -671,7 +671,7 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
#### 更多小程序案例（可在微信小程序中搜索）@wx-more
<div>
<link rel="stylesheet" type="text/css" href="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/wx-icon.css"/>
<link rel="stylesheet" type="text/css" href="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/5a16cdf0-4f3f-11eb-8ff1-d5dcf8779628.css"/>
<ul class="wx-icon-group">
<li class="wx-icon-item"><span class="wx-icon wx-icon0"></span><span>BAT全书</span></li>
<li class="wx-icon-item"><span class="wx-icon wx-icon1"></span><span>逗图圈</span></li>
......@@ -716,22 +716,22 @@ uni-app助力数百家单位快速上线**抗疫系统**，开源众多项目，
<span class="slider-btn slider-btn-right"></span>
<div class="slider-group">
<div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case1.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3df62400-4f3e-11eb-8ff1-d5dcf8779628.png">
</div>
<div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case2.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3ecf6d00-4f3e-11eb-8ff1-d5dcf8779628.png">
</div>
<div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case3.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3f872440-4f3e-11eb-8a36-ebb87efcf8c0.png">
</div>
<div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case4.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/40596860-4f3e-11eb-bdc1-8bd33eb6adaa.png">
</div>
<!-- <div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case5.png">
</div> -->
<div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case6.png">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/41136990-4f3e-11eb-8ff1-d5dcf8779628.png">
</div>
<!-- <div class="slider-item">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/case/case7.png">
......
docs/collocation/_sidebar.md
浏览文件 @ e4470362
......@@ -18,31 +18,31 @@
<li></li>
<div class="contact-box">
<a href="//unicloud.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/cloud%402x.jpg" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud Web控制台</div>
</div>
</a>
<a href="//ask.dcloud.net.cn/explore/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/d@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>论坛</div>
</div>
</a>
<a href="https://uniad.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/uniad-520.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniAD</div>
</div>
</a>
<a href="https://tongji.dcloud.net.cn/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-tongji-icon.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uni统计</div>
</div>
</a>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/git-1.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>
代码仓库：<a href="https://gitee.com/dcloud/uni-app" target="_blank">码云</a>、<a href="http://github.com/dcloudio/uni-app" target="_blank">GitHub</a>
......@@ -50,7 +50,7 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/qq@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>官方QQ交流群</div>
<div>群28：166188776 &nbsp;<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=s_JtwTABLK5eevTqUnxvMFtn5kTaikvv&jump_from=webapi">点此加入</a></div>
......@@ -92,10 +92,10 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>关注微信公众号</div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin.jpg" width="90" height="90"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg" width="90" height="90"/>
</div>
</div>
</div>
docs/collocation/pages.md
浏览文件 @ e4470362
......@@ -1013,7 +1013,7 @@ midButton没有pagePath，需监听点击事件，自行处理点击后的行为
**注意：** 在 App 里真机运行可直接打开配置的页面，微信开发者工具里需要手动改变编译模式，如下图：
<div style="text-align:center;">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/condition.png" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a4ceac70-4f2e-11eb-b680-7980c8a877b8.png" />
</div>
**代码示例：**
......
docs/component/_sidebar.md
浏览文件 @ e4470362
......@@ -96,31 +96,31 @@
<li></li>
<div class="contact-box">
<a href="//unicloud.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/cloud%402x.jpg" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud Web控制台</div>
</div>
</a>
<a href="//ask.dcloud.net.cn/explore/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/d@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>论坛</div>
</div>
</a>
<a href="https://uniad.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/uniad-520.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniAD</div>
</div>
</a>
<a href="https://tongji.dcloud.net.cn/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-tongji-icon.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uni统计</div>
</div>
</a>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/git-1.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>
代码仓库：<a href="https://gitee.com/dcloud/uni-app" target="_blank">码云</a>、<a href="http://github.com/dcloudio/uni-app" target="_blank">GitHub</a>
......@@ -128,7 +128,7 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/qq@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>官方QQ交流群</div>
<div>群28：166188776 &nbsp;<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=s_JtwTABLK5eevTqUnxvMFtn5kTaikvv&jump_from=webapi">点此加入</a></div>
......@@ -170,10 +170,10 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>关注微信公众号</div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin.jpg" width="90" height="90"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg" width="90" height="90"/>
</div>
</div>
</div>
docs/component/ad-draw.md
浏览文件 @ e4470362
......@@ -152,4 +152,4 @@
- App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769)
- App端除了ad组件，ad-draw组件，还支持开屏、激励视频、全屏广告等多种广告形式。详见[uni-AD官网](https://uniad.dcloud.net.cn/)
- App端uni-AD聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718)
![](https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20200115/10b714ce030ce2032a9d9b0bdd0ae03a.jpg)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f21eb570-4f32-11eb-b680-7980c8a877b8.jpg)
docs/component/ad.md
浏览文件 @ e4470362
......@@ -225,4 +225,4 @@ export default {
- App端广告开通指南和收益相关问题：[https://ask.dcloud.net.cn/article/36769](https://ask.dcloud.net.cn/article/36769)
- App端除了ad组件，还支持开屏、激励视频等多种广告形式。详见[uni-AD官网](https://uniad.dcloud.net.cn/)
- App端uni-AD聚合了腾讯广点通、头条穿山甲、360广告联盟等服务，打包时必须勾选相应的sdk，详见：[https://ask.dcloud.net.cn/article/36718](https://ask.dcloud.net.cn/article/36718)
![](https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20200115/10b714ce030ce2032a9d9b0bdd0ae03a.jpg)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f21eb570-4f32-11eb-b680-7980c8a877b8.jpg)
docs/component/audio.md
浏览文件 @ e4470362
......@@ -51,16 +51,18 @@ app-nvue也不支持此组件。
</view>
</view>
</template>
```
```
```javascript
export default {
data() {
return {
current: {
poster: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.jpg',
poster: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png',
name: '致爱丽丝',
author: '暂无',
src: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3',
src: '1. https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
},
audioAction: {
method: 'pause'
......@@ -70,4 +72,4 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/audio.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/abc3fd40-4f48-11eb-b680-7980c8a877b8.png)
docs/component/button.md
浏览文件 @ e4470362
......@@ -135,7 +135,7 @@ button 组件没有 url 属性，如果要跳转页面，可以在@click中编
</template>
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/button.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f3edf730-4f32-11eb-8a36-ebb87efcf8c0.png)
**注意**
......
docs/component/checkbox.md
浏览文件 @ e4470362
......@@ -127,7 +127,7 @@
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/checkbox.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f4db8b80-4f32-11eb-bdc1-8bd33eb6adaa.png)
**注意**
......
docs/component/form.md
浏览文件 @ e4470362
......@@ -95,7 +95,7 @@
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/form.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f5e29b40-4f32-11eb-bdc1-8bd33eb6adaa.png)
**Tips**
......
docs/component/icon.md
浏览文件 @ e4470362
......@@ -61,6 +61,6 @@ export default {
**效果展示**
<div style="display:flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/icon1.png" width="375" style="margin-right:20px;"/>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/icon2.png" width="375"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d188f390-4f30-11eb-97b7-0dc4655d6e68.png" width="375" style="margin-right:20px;"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d2562ea0-4f30-11eb-97b7-0dc4655d6e68.png" width="375"/>
</div>
docs/component/image.md
浏览文件 @ e4470362
......@@ -102,7 +102,7 @@ export default {
mode: 'bottom right',
text: 'bottom right：不缩放图片，只显示图片的右下边区域'
}],
src: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/shuijiao.jpg'
src: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6acec660-4f31-11eb-a16f-5b3e54966275.jpg'
}
},
methods: {
......@@ -115,52 +115,52 @@ export default {
原图
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/shuijiao.jpg)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6acec660-4f31-11eb-a16f-5b3e54966275.jpg)
scaleToFill：不保持纵横比缩放图片，使图片完全适应
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-1.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6b971f70-4f31-11eb-bd01-97bc1429a9ff.png)
aspectFit：保持纵横比缩放图片，使图片的长边能完全显示出来
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-2.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6c4e3a70-4f31-11eb-8ff1-d5dcf8779628.png)
aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-3.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6cfbdf90-4f31-11eb-8ff1-d5dcf8779628.png)
top：不缩放图片，只显示图片的顶部区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-4.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6dd1f440-4f31-11eb-8ff1-d5dcf8779628.png)
bottom：不缩放图片，只显示图片的底部区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-5.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/649ee9a0-4f31-11eb-8a36-ebb87efcf8c0.png)
center：不缩放图片，只显示图片的中间区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-6.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/65495a70-4f31-11eb-8a36-ebb87efcf8c0.png)
left：不缩放图片，只显示图片的左边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-7.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/66211cd0-4f31-11eb-bd01-97bc1429a9ff.png)
right：不缩放图片，只显示图片的右边边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-8.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/66e55730-4f31-11eb-8a36-ebb87efcf8c0.png)
top left：不缩放图片，只显示图片的左上边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-9.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/67b614b0-4f31-11eb-bd01-97bc1429a9ff.png)
top right：不缩放图片，只显示图片的右上边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-10.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6869fb60-4f31-11eb-a16f-5b3e54966275.png)
bottom left：不缩放图片，只显示图片的左下边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-11.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/693ed790-4f31-11eb-8a36-ebb87efcf8c0.png)
bottom right：不缩放图片，只显示图片的右下边区域
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/cat-12.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/6a042360-4f31-11eb-a16f-5b3e54966275.png)
docs/component/input.md
浏览文件 @ e4470362
......@@ -216,4 +216,4 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/input.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/f713b320-4f30-11eb-b680-7980c8a877b8.png)
docs/component/label.md
浏览文件 @ e4470362
......@@ -126,5 +126,5 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/label.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/4588a660-4f30-11eb-a16f-5b3e54966275.png)
docs/component/list.md
浏览文件 @ e4470362
......@@ -58,7 +58,7 @@ app端nvue专用组件。在app-nvue下，如果是长列表，使用list组件
`loadmoreoffset` 示意图：
<img src="https://img-cdn-qiniu.dcloud.net.cn/app-nvue-component-list.png" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/40e33a30-4f30-11eb-b997-9918a5dda011.png" />
#### setSpecialEffects(object)
设置嵌套list父容器支持swiper-list吸顶滚动效果
......
docs/component/movable-view.md
浏览文件 @ e4470362
......@@ -137,4 +137,4 @@ export default {
}
```
![uni](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/moveable-view.png)
![uni](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/41b00010-4f30-11eb-a16f-5b3e54966275.png)
docs/component/picker-view.md
浏览文件 @ e4470362
......@@ -30,7 +30,7 @@
以下示例代码，来自于[hello uni-app项目](https://github.com/dcloudio/hello-uniapp)，推荐使用HBuilderX，新建uni-app项目，选择hello uni-app模板，可直接体验完整示例。
```javascript
```html
<!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
<template>
<view>
......@@ -108,7 +108,7 @@
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/picker-view.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/433a97b0-4f30-11eb-b680-7980c8a877b8.png)
**Tips**
- 微信小程序端，滚动时在iOS自带振动反馈，可在系统设置 -> 声音与触感 -> 系统触感反馈中关闭
......
docs/component/picker.md
浏览文件 @ e4470362
......@@ -226,7 +226,7 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/picker.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/42826b40-4f30-11eb-b680-7980c8a877b8.png)
示例代码说明：以上示例代码从hello uni-app示例中复制，涉及的css样式在hello uni-app的app.vue和uni.css中
......
docs/component/progress.md
浏览文件 @ e4470362
......@@ -42,4 +42,4 @@
</template>
```
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/propress.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/43f66da0-4f30-11eb-b997-9918a5dda011.png)
docs/component/radio.md
浏览文件 @ e4470362
......@@ -95,7 +95,7 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/radio.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/44bec6b0-4f30-11eb-a16f-5b3e54966275.png)
**注意**
......
docs/component/rich-text.md
浏览文件 @ e4470362
......@@ -131,12 +131,13 @@ export default {
text: 'Hello&nbsp;uni-app!'
}]
}],
strings: '<div style="text-align:center;"><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/></div>'
strings: '<div style="text-align:center;"><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png"/></div>'
}
}
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/rich-text.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/ef5ba530-4f2f-11eb-bdc1-8bd33eb6adaa.png)
**Tips**
......
docs/component/scroll-view.md
浏览文件 @ e4470362
......@@ -162,7 +162,7 @@ export default {
</script>
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/scroll-view.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/99567750-4f2f-11eb-a16f-5b3e54966275.png)
**Tips**
......
docs/component/slider.md
浏览文件 @ e4470362
......@@ -72,7 +72,7 @@ export default {
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/slider.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/96daf000-4f2f-11eb-b997-9918a5dda011.png)
**Tips**
......
docs/component/swiper.md
浏览文件 @ e4470362
......@@ -138,4 +138,4 @@ export default {
}
}
```
![uni](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/swiper.png)
![uni](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/97ccca10-4f2f-11eb-b997-9918a5dda011.png)
docs/component/switch.md
浏览文件 @ e4470362
......@@ -55,7 +55,7 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/switch.png?t=201857)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/51f6fb50-4f2f-11eb-b680-7980c8a877b8.png)
示例代码说明：以上示例代码从hello uni-app示例中复制，涉及的css样式在hello uni-app的app.vue和uni.css中
......
docs/component/text.md
浏览文件 @ e4470362
......@@ -93,4 +93,4 @@ export default {
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/text.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/245b9110-4f2f-11eb-97b7-0dc4655d6e68.png)
docs/component/textarea.md
浏览文件 @ e4470362
......@@ -76,7 +76,7 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/textarea.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/3aa1edc0-4f2f-11eb-bd01-97bc1429a9ff.png)
**Tips**
......
docs/component/video.md
浏览文件 @ e4470362
......@@ -157,7 +157,7 @@ export default {
}
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/video.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/989ac870-4f2f-11eb-8a36-ebb87efcf8c0.png)
相关api：[uni.createVideoContext](/api/media/video-context?id=createvideocontext)
......
docs/component/view.md
浏览文件 @ e4470362
......@@ -46,7 +46,7 @@
</template>
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/view.png)
![uniapp](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/113204c0-4f2f-11eb-97b7-0dc4655d6e68.png)
**Tips**
......
docs/component/waterfall.md
浏览文件 @ e4470362
......@@ -35,7 +35,7 @@ app端nvue专用组件。
- `<header>`：当 `<header>` 到达屏幕顶部时，吸附在屏幕顶部。
- `<refresh>`：用于给列表添加下拉刷新的功能。
- `<loading>`：`<loading>` 用法与特性和 `<refresh>` 类似，用于给列表添加上拉加载更多的功能。
<img src="https://img-cdn-qiniu.dcloud.net.cn/app-nvue-component-waterfall-01.png" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/e6b5dbe0-4f2e-11eb-97b7-0dc4655d6e68.png" />
#### 属性
......@@ -49,7 +49,7 @@ app端nvue专用组件。
- column-gap: [可选]列与列的间隙. 如果指定了 `normal` ，则对应 32.
- left-gap: [可选]左边cell和列表的间隙. 如果未指定 ，则对应 `0`
- right-gap: [可选]右边cell和列表的间隙. 如果未指定，则对应 `0`
<img src="https://img-cdn-qiniu.dcloud.net.cn/app-nvue-component-waterfall-02.png" />
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/e78b5450-4f2e-11eb-b680-7980c8a877b8.png" />
其他支持的属性参见 `<list>` 组件属性部分
......
docs/history.md
浏览文件 @ e4470362
......@@ -10,7 +10,7 @@ DCloud于2012年开始研发小程序技术，优化webview的功能和性能，
360手机助手率先接入，在其3.4版本实现应用的秒开运行。
<img src="https://img-cdn-qiniu.dcloud.net.cn/pic-3.png" style="max-width:480px;">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b857dc90-4f3c-11eb-8ff1-d5dcf8779628.png" style="max-width:480px;">
随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。
......
docs/matter.md
浏览文件 @ e4470362
......@@ -132,7 +132,7 @@ vue页面在App端的渲染引擎默认是系统webview（不是手机自带浏
* H5 发布到服务器注意：
1. 配置发行后的路径（发行在网站根目录可不配置），比如发行网站路径是 www.xxx.com/html5，在 `manifest.json` 文件内编辑 h5 节点，router 下增加 base 属性为 html5
<div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181116/6ab94f68e109bb07e4f422c95a2c9015.png" width="500">
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/9f026b20-4f3c-11eb-b680-7980c8a877b8.png" width="500">
</div>
2. 点击菜单 发行-> H5
3. 在当下项目下的 ``unpackage/dist/build/h5`` 目录找到出的资源，部署服务器（或者使用本地服务器预览），如需部署到相对路径（支持本地file协议打开）参考：https://ask.dcloud.net.cn/article/37432。
......
docs/platform.md
浏览文件 @ e4470362
......@@ -62,17 +62,17 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-
示例，如下代码仅在 App 下出现:
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-7.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/07834e90-4f3c-11eb-b680-7980c8a877b8.png)
示例，如下代码不会在 H5 平台上出现：
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-6.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/06a79490-4f3c-11eb-b680-7980c8a877b8.png)
除了支持单个平台的条件编译外，还支持**多平台**同时编译，使用 || 来分隔平台名称。
示例，如下代码会在 App 和 H5 平台上出现：
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-5.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/05c1ef80-4f3c-11eb-b680-7980c8a877b8.png)
### 组件的条件编译
<pre v-pre="" data-lang="html"><code class="lang-html code"><span class="token comment">&lt;!-- <span style="color:#859900;"> #ifdef</span><b style="color:#268BD2"> %PLATFORM%</b> --&gt;</span>
......@@ -102,16 +102,16 @@ uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-
正确写法
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-2.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/0bd78d80-4f3c-11eb-a16f-5b3e54966275.png)
错误写法
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-3.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/0c9c8b30-4f3c-11eb-8a36-ebb87efcf8c0.png)
### pages.json 的条件编译
下面的页面，只有运行至 App 时才会编译进去。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/platform-4.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/04ecec40-4f3c-11eb-97b7-0dc4655d6e68.png)
不同平台下的特有功能，以及小程序平台的分包，都可以通过 pages.json 的条件编译来更好地实现。这样，就不会在其它平台产生多余的资源，进而减小包体积。
......@@ -152,24 +152,24 @@ HBuilderX 为 ``uni-app`` 的条件编译提供了丰富的支持:
在 HBuilderX 中开发 ``uni-app`` 时，通过输入 **ifdef** 可快速生成条件编译的代码片段
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-022402.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/0a1766f0-4f3c-11eb-8a36-ebb87efcf8c0.png)
**语法高亮**
在 HBuilderX 中对条件编译的代码注释部分提供了语法高亮，可分辨出写法是否正确，使得代码更加清晰（独立js文件需在编辑器右下角切换javascript es6+编辑器，独立css文件暂不支持高亮，但不高亮不影响使用）
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-012403.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/0868a580-4f3c-11eb-8a36-ebb87efcf8c0.png)
**正确注释和快速选中**
在 HBuilderX 中，ctrl+alt+/ 即可生成正确注释（js：``// 注释``、css：``/* 注释 */``、vue/nvue模板： ``<!-- 注释 -->``）。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni2019012801.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/0af9d7b0-4f3c-11eb-8a36-ebb87efcf8c0.png)
点击 **ifdef** 或 **endif** 可快速选中条件编译部分；点击左侧的折叠图标，可折叠条件编译部分代码。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-012501.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/09460d30-4f3c-11eb-8a36-ebb87efcf8c0.png)
......
docs/quickstart-hx.md
浏览文件 @ e4470362
......@@ -81,19 +81,19 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
7. 在360开发工具中导入：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具，即可在360开发工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-debug-mp-360.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b9edff30-4f37-11eb-97b7-0dc4655d6e68.png"/>
</div>
8. 在快应用联盟工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 快应用联盟工具，即可在快应用联盟工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-debug-quickapp-webview.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bba35050-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
9. 在华为开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 华为开发者工具，即可在华为开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-debug-quickapp-webview-huawei.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bc558950-4f37-11eb-bdc1-8bd33eb6adaa.png"/>
</div>
10. 在QQ小程序开发工具里运行：内容同上，不再重复。
......@@ -107,7 +107,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
运行的快捷键是`Ctrl+r`。
HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
<div align=center>
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/doc/runtool.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/aef21b70-4f37-11eb-a16f-5b3e54966275.png"/>
</div>
如需调试，可参考：[uni-app调试](/snippet?id=使用-chrome-调试)
......@@ -119,7 +119,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-11.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b8332fd0-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
出现如下界面，点击打包即可。
<div align=center>
......@@ -133,19 +133,19 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择本地打包，如下图，点击即可生成离线打包资源。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-12.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b9269080-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
### 发布为H5
1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/build-h5-1.png" style="max-width:600px;height:auto;"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bf90de30-4f37-11eb-8ff1-d5dcf8779628.png" style="max-width:600px;height:auto;"/>
</div>
2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-10.png" style="max-width:600px;height:auto;"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b7391860-4f37-11eb-8a36-ebb87efcf8c0.png" style="max-width:600px;height:auto;"/>
</div>
**注意**
......@@ -158,7 +158,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/#申请帐号)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-6.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b36294f0-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
3. 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/release.html)。
......@@ -166,7 +166,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-7.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b42a03a0-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。
......@@ -175,7 +175,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-8.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b636c390-4f37-11eb-bd01-97bc1429a9ff.png"/>
</div>
3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。
......@@ -184,7 +184,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.toutiao.com/dev/cn/mini-app/introduction/plug-in/registration)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成字节跳动小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-8.png"/>
<img style="max-width:300px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a6ba4ed0-4f39-11eb-b997-9918a5dda011.jpg"/>
</div>
3. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://developer.toutiao.com/app/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.toutiao.com/dev/cn/mini-app/introduction/plug-in/verification)。
......@@ -192,7 +192,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-release-mp-360.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/baba28d0-4f37-11eb-bdc1-8bd33eb6adaa.png"/>
</div>
3. 在360浏览器中，导入生成的360小程序项目
......@@ -204,7 +204,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-release-quickapp-webview.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bd0db5c0-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传
......@@ -213,7 +213,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-release-quickapp-webview-huawei.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bece2a70-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
3. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传
......
docs/quickstart.md
浏览文件 @ e4470362
......@@ -21,7 +21,7 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
在点击工具栏里的文件 -> 新建 -> 项目：
<div align=center>
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/create1.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c16d8d70-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
选择`uni-app`类型，输入工程名，选择模板，点击创建，即可成功创建。
......@@ -29,18 +29,18 @@ HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。
<div align=center>
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/doc/create.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c0966750-4f37-11eb-97b7-0dc4655d6e68.png"/>
</div>
## 运行uni-app
1. 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。
<div align=center>
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/run-chrome.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c2808410-4f37-11eb-97b7-0dc4655d6e68.png"/>
</div>
2. 真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，即可在该设备里面体验uni-app。
<div align=center>
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/run-phone.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/c371c1e0-4f37-11eb-97b7-0dc4655d6e68.png"/>
</div>
如手机无法识别，请点击菜单运行-运行到手机或模拟器-真机运行常见故障排查指南。
......@@ -49,7 +49,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
3. 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-1.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/afd79970-4f37-11eb-b680-7980c8a877b8.png"/>
</div>
**注意：**如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可看到实时的效果。
......@@ -57,43 +57,43 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
uni-app默认把项目编译到根目录的unpackage目录。
<br/>
<div align=center>
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin-setting.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bde30720-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
4. 在支付宝小程序开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 支付宝小程序开发者工具，即可在支付宝小程序开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-3.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b1d08340-4f37-11eb-a16f-5b3e54966275.png"/>
</div>
5. 在百度开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 百度开发者工具，即可在百度开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-2.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b0a17920-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
6. 在字节跳动开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 字节跳动开发者工具，即可在字节跳动开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-4.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b29e0c70-4f37-11eb-b997-9918a5dda011.png"/>
</div>
7. 在360开发工具中导入：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 360开发工具，即可在360开发工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-debug-mp-360.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b9edff30-4f37-11eb-97b7-0dc4655d6e68.png"/>
</div>
8. 在快应用联盟工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 快应用联盟工具，即可在快应用联盟工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-debug-quickapp-webview.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bba35050-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
9. 在华为开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 华为开发者工具，即可在华为开发者工具里面体验uni-app。
<br/>
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-debug-quickapp-webview-huawei.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bece2a70-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
10. 在QQ小程序开发工具里运行：内容同上，不再重复。
......@@ -107,7 +107,7 @@ uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还
运行的快捷键是`Ctrl+r`。
HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
<div align=center>
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/doc/runtool.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/aef21b70-4f37-11eb-a16f-5b3e54966275.png"/>
</div>
如需调试，可参考：[uni-app调试](/snippet?id=使用-chrome-调试)
......@@ -119,7 +119,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择原生app-云端打包，如下图：
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-11.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b8332fd0-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
出现如下界面，点击打包即可。
<div align=center>
......@@ -133,19 +133,19 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
在HBuilderX工具栏，点击发行，选择本地打包，如下图，点击即可生成离线打包资源。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-12.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b9269080-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
### 发布为H5
1. 在 ``manifest.json`` 的可视化界面，进行如下配置（发行在网站根目录可不配置应用基本路径），此时发行网站路径是 www.xxx.com/h5，如：[https://hellouniapp.dcloud.net.cn](https://hellouniapp.dcloud.net.cn)。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/build-h5-1.png" style="max-width:600px;height:auto;"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bf90de30-4f37-11eb-8ff1-d5dcf8779628.png" style="max-width:600px;height:auto;"/>
</div>
2. 在HBuilderX工具栏，点击发行，选择网站-H5手机版，如下图，点击即可生成 H5 的相关资源文件，保存于 unpackage 目录。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-10.png" style="max-width:600px;height:auto;"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b7391860-4f37-11eb-8a36-ebb87efcf8c0.png" style="max-width:600px;height:auto;"/>
</div>
**注意**
......@@ -158,7 +158,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 申请微信小程序AppID，参考：[微信教程](https://developers.weixin.qq.com/miniprogram/dev/#申请帐号)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 ``unpackage/dist/build/mp-weixin`` 生成微信小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-6.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b36294f0-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
3. 在微信小程序开发者工具中，导入生成的微信小程序项目，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：[微信官方教程](https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/release.html)。
......@@ -166,7 +166,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻小程序并申请百度小程序AppID，参考：[百度小程序教程](https://smartprogram.baidu.com/docs/introduction/enter_application/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-百度"，输入小程序名称和appid点击发行即可在 ``/unpackage/dist/build/mp-baidu`` 生成百度小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-7.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b42a03a0-4f37-11eb-8a36-ebb87efcf8c0.png"/>
</div>
3. 在百度小程序开发者工具中，导入生成的百度小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，之后在百度小程序的 [管理中心](https://smartprogram.baidu.com/developer/applist.html) 选择创建的应用点击前往发布，选择对应的版本然后提交审核。
......@@ -175,7 +175,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻支付宝小程序，参考：[支付宝小程序教程](https://docs.alipay.com/mini/introduce)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-支付宝"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成支付宝小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-8.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/b636c390-4f37-11eb-bd01-97bc1429a9ff.png"/>
</div>
3. 在支付宝小程序开发者工具中，导入生成的支付宝小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [支付宝小程序后台](https://open.alipay.com/platform/mini.htm#/app)，选择刚提交的版本点击提交审核，详见：[支付宝小程序文档](https://docs.alipay.com/mini/developer/publish)。
......@@ -184,7 +184,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻字节跳动小程序，参考：[字节跳动小程序教程](https://developer.toutiao.com/dev/cn/mini-app/introduction/plug-in/registration)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-字节跳动"，即可在 ``/unpackage/dist/build/mp-alipay`` 生成字节跳动小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni20190222-8.png"/>
<img style="max-width:300px;" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/a6ba4ed0-4f39-11eb-b997-9918a5dda011.jpg"/>
</div>
3. 在字节跳动小程序开发者工具中，导入生成的字节跳动小程序项目，测试项目代码运行正常后，点击“上传”按钮上传代码，在 [字节跳动小程序后台](https://developer.toutiao.com/app/applist)，选择刚提交的版本点击提交审核，详见：[字节跳动小程序文档](https://developer.toutiao.com/dev/cn/mini-app/introduction/plug-in/verification)。
......@@ -192,7 +192,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻360小程序，参考：[360小程序教程](https://mp.360.cn/doc/miniprogram/dev/#/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-360"，即可在 ``/unpackage/dist/build/mp-360`` 生成360小程序项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-release-mp-360.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/baba28d0-4f37-11eb-bdc1-8bd33eb6adaa.png"/>
</div>
3. 在360浏览器中，导入生成的360小程序项目
......@@ -204,7 +204,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻快应用(webview)，参考：[快应用(webview)教程](https://www.quickapp.cn/)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用联盟"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成快应用(webview)项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-release-quickapp-webview.png"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bd0db5c0-4f37-11eb-8ff1-d5dcf8779628.png"/>
</div>
3. 在快应用联盟工具中，导入生成的快应用联盟项目，测试项目代码运行正常后，点击”构建“打包正式版，在[快应用联盟后台](https://www.quickapp.cn/)上传
......@@ -213,7 +213,7 @@ HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行
1. 入驻华为快应用，参考：[华为快应用教程](https://developer.huawei.com/consumer/cn/quickApp)。
2. 在HBuilderX中顶部菜单依次点击 "发行" => "快应用-华为"，即可在 ``/unpackage/dist/build/quickapp-webview`` 生成华为快应用项目代码。
<div align=center>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-app-run-release-quickapp-webview-huawei.png"/>
<img src="![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/bece2a70-4f37-11eb-8ff1-d5dcf8779628.png)g"/>
</div>
3. 在华为开发者工具中，导入生成的华为快应用项目，测试项目代码运行正常后，点击”构建“打包正式版，在[华为快应用后台](https://developer.huawei.com/consumer/cn/quickApp)上传
......
docs/snippet.md
浏览文件 @ e4470362
......@@ -99,9 +99,9 @@ uni.showToast({
在 `Page` 下找到 `webpack` 里的工程目录，可直接找到对应的`vue`页面进行断点调试；或按 `Ctrl+P`搜文件名，进入页面调试；也可点击控制台的 `log` 信息，进入对应的页面进行调试。
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/chrome-debug1.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/56abde90-4f34-11eb-8a36-ebb87efcf8c0.png)
![](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/chrome-debug2.png)
![](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/5762ab70-4f34-11eb-bdc1-8bd33eb6adaa.png)
`点击工具栏的运行 -> 运行到浏览器 -> 选择 Chrome`，也可将 `uni-app`运行到 浏览器，可参考 [运行uni-app](/quickstart?id=运行uni-app)。
......@@ -112,11 +112,11 @@ uni.showToast({
页面样式调试和一般的`web`项目一样，通过调试的箭头选中元素即可查看相应的节点和样式，如下图：
![uni-app](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug1.png)
![uni-app](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/51d2b830-4f34-11eb-a16f-5b3e54966275.png)
调试 `js` 时需要切换到 `Sources` 栏，根据sourcemap，找到 `webpack` 里正确的目录，选中想要调试的那个页面的`js`，进行调试（如果`js`代码是压缩过的，点击右下角的{}可格式化代码），如下图：
![uni-app](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug2.png)
![uni-app](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/52889ab0-4f34-11eb-b680-7980c8a877b8.png)
### 关于 App 的调试debug
......@@ -127,15 +127,15 @@ uni.showToast({
#### 打开调试窗口
在 `HBuilderX` 中，正确运行项目： `运行 --> 运行到手机或模拟器 --> 选择设备`，项目启动后，在下方的控制台选择 `debug` 图标。
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug-icon.png)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/55245430-4f34-11eb-97b7-0dc4655d6e68.png)
正确打开调试窗口后，显示如下：
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/csdndebug-window.png)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/50f7e890-4f34-11eb-b680-7980c8a877b8.png)
#### Elements
根据上一步，启动完成`debug`窗口后，可以看到`Elements`。`Elements` 主要显示当前页面的组织结构，目前`Elements`只支持`nvue`。
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug-elements.png)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/5433b2a0-4f34-11eb-8a36-ebb87efcf8c0.png)
#### console.log打日志
`console.log`是我们日常开发最常用的调试方法，`HBuilderX`中当然也不能少。
......@@ -145,7 +145,7 @@ uni.showToast({
`debug`窗口中看`console.log`的方法如下图：
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug-console-new.jpg)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/53673ae0-4f34-11eb-a16f-5b3e54966275.jpg)
......@@ -154,18 +154,18 @@ uni.showToast({
在 `uniapp`（图中指示2）下找到需要调试的页面，单击打开 ，在右侧可以看到我们需要调试的内容（图中指示3）。在需要调试的代码行号的位置，点击打上断点（图中指示4）。
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/csdndebug-log.png)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/58f09e70-4f34-11eb-8a36-ebb87efcf8c0.png)
之后，在设备上进行操作，进入断点位置，可以方便我们跟踪调试代码。
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/csdndebug-breakpoint.png)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/5839d190-4f34-11eb-8a36-ebb87efcf8c0.png)
#### 同步断点到调试器
在控制台众多代码中寻找要调试的代码是比较麻烦的一件事，`HBuilderX`的调试还提供一个便利的功能，可直接在编辑器中打断点，断点会自动同步到调试工具中。
操作步骤：在HBuilderX编辑器中对目标行的行号处点右键，在右键菜单中选择“同步断点到调试器”，然后调试控制台会自动打开对应的代码并在指定行处标记断点。演示如下：
![debug](//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/debug-console-light.gif)
![debug](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/55de5560-4f34-11eb-8a36-ebb87efcf8c0.gif)
Tip
......
docs/uniCloud/_sidebar.md
浏览文件 @ e4470362
......@@ -42,31 +42,31 @@
<li></li>
<div class="contact-box">
<a href="//unicloud.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/cloud%402x.jpg" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7962e8e0-4f2d-11eb-a16f-5b3e54966275.jpg" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud Web控制台</div>
</div>
</a>
<a href="//ask.dcloud.net.cn/explore/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/d@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/73fc4f90-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>论坛</div>
</div>
</a>
<a href="https://uniad.dcloud.net.cn" target="_blank" class="contact-item">
<img src="//img.cdn.aliyun.dcloud.net.cn/uni-app/uniad-520.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/765d9820-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniAD</div>
</div>
</a>
<a href="https://tongji.dcloud.net.cn/" target="_blank" class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-tongji-icon.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77159d80-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uni统计</div>
</div>
</a>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/git-1.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/74cda950-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>
代码仓库：<a href="https://gitee.com/dcloud/uni-app" target="_blank">码云</a>、<a href="http://github.com/dcloudio/uni-app" target="_blank">GitHub</a>
......@@ -74,17 +74,17 @@
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/qq@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/759713d0-4f2d-11eb-a16f-5b3e54966275.png" width="20" height="20"/>
<div class="contact-smg">
<div>uniCloud QQ交流群</div>
<div>群1：1012245137 &nbsp;<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=36ff837111d79a4e90e5fcd6185ec684be4fc276eb57259e08339512709d39fe">点此加入</a></div>
</div>
</div>
<div class="contact-item">
<img src="//img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin@2x.png" width="20" height="20"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/77df7d30-4f2d-11eb-bd01-97bc1429a9ff.png" width="20" height="20"/>
<div class="contact-smg">
<div>关注微信公众号</div>
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/weixin.jpg" width="90" height="90"/>
<img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/78a8e7b0-4f2d-11eb-8ff1-d5dcf8779628.jpg" width="90" height="90"/>
</div>
</div>
</div>
docs/vue-basics.md
浏览文件 @ e4470362
......@@ -349,7 +349,7 @@ v-on 指令，它用于监听 DOM 事件。v-on缩写为‘ @ ’
export default {
data() {
return {
rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/></div>'
rawHtml: '<div style="text-align:center;background-color: #007AFF;"><div >我是内容</div><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni-app-doc/d8590190-4f28-11eb-b680-7980c8a877b8.png"/></div>'
}
}
}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或