提交 fa55a243 编写于 作者: 雪洛's avatar 雪洛

docs: 修改hello uni-app示例链接

上级 21c56a19
......@@ -21,7 +21,7 @@
</div>
<b>iOS版</b>
</a>
<a href="https://uniapp.dcloud.io/h5/" target="_blank" class="clear-style barcode-view">
<a href="https://hellouniapp.dcloud.net.cn/" target="_blank" class="clear-style barcode-view">
<div class="barcode-img-box">
<img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/uni-h5.png" width="160"/>
</div>
......
......@@ -37,7 +37,7 @@ app-nvue也不支持此组件。
|3|解码错误|
|4|不合适资源|
**示例:** [查看示例](https://uniapp.dcloud.io/h5/pages/component/audio/audio)
**示例:** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/audio/audio)
```html
<template>
......
......@@ -78,7 +78,7 @@
- 支付宝小程序平台,获取用户手机号时,建议先通过条件编译的方式,调用支付宝原生API,[参考](https://docs.alipay.com/mini/api/getphonenumber)
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/button/button)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/button/button)
```html
<template>
......@@ -103,14 +103,14 @@
</view>
</view>
</template>
```
**注意**
事件务必使用vue语法,比如下面的获取手机号示例
```
<button type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">获取手机号</button>
```
**注意**
事件务必使用vue语法,比如下面的获取手机号示例
```
<button type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">获取手机号</button>
```
![uniapp](https://img-cdn-qiniu.dcloud.net.cn/uniapp/doc/img/button.png?t=201857)
......@@ -19,7 +19,7 @@
|checked|Boolean|false|当前是否选中,可用来设置默认选中|
|color|Color||checkbox的颜色,同css的color|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/checkbox/checkbox)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/checkbox/checkbox)
```html
<template>
......@@ -129,7 +129,7 @@
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问[https://uniapp.dcloud.io/h5/pages/component/checkbox/checkbox](https://uniapp.dcloud.io/h5/pages/component/checkbox/checkbox)
预览H5效果:使用浏览器的手机模式访问[https://hellouniapp.dcloud.net.cn/pages/component/checkbox/checkbox](https://hellouniapp.dcloud.net.cn/pages/component/checkbox/checkbox)
**注意**
- checkbox的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用color属性。
......
......@@ -75,7 +75,7 @@
- 默认设置的样式有:white-space: nowrap; line-height: 1.2; display: block;
- 自定义组件嵌套 cover-view 时,自定义组件的 slot 及其父节点暂不支持通过 wx:if 控制显隐,否则会导致 cover-view 不显示
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/cover-view/cover-view)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/cover-view/cover-view)
```html
<template>
......
......@@ -12,7 +12,7 @@
|@submit|EventHandle|携带 form 中的数据触发 submit 事件,event.detail = {value : {'name': 'value'} , formId: ''},report-submit 为 true 时才会返回 formId||
|@reset|EventHandle|表单重置时会触发 reset 事件|&nbsp;|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/form/form)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/form/form)
```html
<template>
......
......@@ -44,7 +44,7 @@ mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式。
|裁剪|bottom left|不缩放图片,只显示图片的左下边区域|
|裁剪|bottom right|不缩放图片,只显示图片的右下边区域|
**示例:** [查看示例](https://uniapp.dcloud.io/h5/pages/component/image/image)
**示例:** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/image/image)
```html
<template>
......
......@@ -125,7 +125,7 @@ App平台软键盘弹出有 adjustResize|adjustPan 两种模式,默认为 adju
- 原生输入框在iOS上不会有软键盘上方的横条
- 原生输入框一样受配置的`adjustPan|adjustResize`模式影响
**input示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/input/input)
**input示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/input/input)
```html
<template>
......
......@@ -10,12 +10,12 @@ for优先级高于内部控件,内部有多个控件的时候默认触发第
|属性名|类型|说明|
|:-|:-|:-|
|for|String|绑定控件的 id|
**注:**
|for|String|绑定控件的 id|
**注:**
- app-nvue平台 暂不支持for属性
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/label/label)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/label/label)
```html
<template>
......
......@@ -149,7 +149,7 @@ zIndex|设置多边形 Z 轴数值|Number|否|
地图组件的经纬度必填,如果不填经纬度则默认值是北京的经纬度。
**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/map/map)
**示例** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/map/map)
```html
<template>
......
......@@ -33,7 +33,7 @@
- app-nvue 平台只有纯nvue项目(render为native)才支持 `<navigator>`。非render为native的情况下,nvue暂不支持navigator组件,请使用API跳转。
- app下退出应用,Android平台可以使用[plus.runtime.quit](https://www.html5plus.org/doc/zh_cn/runtime.html#plus.runtime.quit)
**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/navigator/navigator)
**示例** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/navigator/navigator)
```html
<template>
......
......@@ -21,7 +21,7 @@
`<picker-view />` 的子组件,仅可放置于 `<picker-view />` 中,其子节点的高度会自动设置成与 picker-view 的选中框的高度一致
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/picker-view/picker-view)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/picker-view/picker-view)
```html
<template>
......
......@@ -122,7 +122,7 @@
|@cancel|EventHandle||取消选择时触发|
|disabled|Boolean|false|是否禁用|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/picker/picker)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/picker/picker)
```html
<template>
......@@ -227,7 +227,7 @@ export default {
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问[https://uniapp.dcloud.io/h5/pages/component/picker/picker](https://uniapp.dcloud.io/h5/pages/component/picker/picker)
预览H5效果:使用浏览器的手机模式访问[https://hellouniapp.dcloud.net.cn/pages/component/picker/picker](https://hellouniapp.dcloud.net.cn/pages/component/picker/picker)
**注意**
- 在picker内容还在滚动时或滚动回弹动画还未结束时,点确定关闭弹出的picker,数据无法及时更新。需等待一下,或手动触停滚动再点确定。所有平台均如此
......
......@@ -17,7 +17,7 @@
|duration|number|30|进度增加1%所需毫秒数|App-nvue2.6.1+、微信基础库2.8.2+|
|@activeend |EventHandle| |动画完成事件 |微信小程序 |
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/progress/progress)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/progress/progress)
```html
<template>
<view>
......
......@@ -21,7 +21,7 @@
|disabled|Boolean|false|是否禁用|
|color|Color||radio的颜色,同css的color|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/radio/radio)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/radio/radio)
```html
<template>
......@@ -97,7 +97,7 @@ export default {
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问[https://uniapp.dcloud.io/h5/pages/component/radio/radio](https://uniapp.dcloud.io/h5/pages/component/radio/radio)
预览H5效果:使用浏览器的手机模式访问[https://hellouniapp.dcloud.net.cn/pages/component/radio/radio](https://hellouniapp.dcloud.net.cn/pages/component/radio/radio)
**注意**
- radio的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用color属性。
......
......@@ -89,7 +89,7 @@
|tr||
|ul|&nbsp;|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/rich-text/rich-text)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/rich-text/rich-text)
```html
<template>
<view class="content">
......
......@@ -21,7 +21,7 @@
|refresher-default-style|string |"black"|设置自定义下拉刷新默认样式,支持设置 black,white,none,none 表示不使用默认样式|app-vue 2.5.12+,微信小程序基础库2.10.1+|
|refresher-background |string |"#FFF" |设置自定义下拉刷新区域背景颜色|app-vue 2.5.12+,微信小程序基础库2.10.1+|
|refresher-triggered |boolean |false |设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发|app-vue 2.5.12+,微信小程序基础库2.10.1+|
|enable-flex|boolean|false|启用 flexbox 布局。开启后,当前节点声明了 display: flex 就会成为 flex container,并作用于其孩子节点。|微信小程序 2.7.3|
|enable-flex|boolean|false|启用 flexbox 布局。开启后,当前节点声明了 display: flex 就会成为 flex container,并作用于其孩子节点。|微信小程序 2.7.3|
|scroll-anchoring|boolean|false|开启 scroll anchoring 特性,即控制滚动位置不随内容变化而抖动,仅在 iOS 下生效,安卓下可参考 CSS overflow-anchor 属性。|微信小程序 2.8.2|
|@scrolltoupper |EventHandle| |滚动到顶部/左边,会触发 scrolltoupper 事件 | |
|@scrolltolower |EventHandle| |滚动到底部/右边,会触发 scrolltolower 事件 | |
......@@ -33,7 +33,7 @@
使用竖向滚动时,需要给 ``<scroll-view>`` 一个固定高度,通过 css 设置 height。
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/scroll-view/scroll-view)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/scroll-view/scroll-view)
```html
<template>
<view>
......
......@@ -17,16 +17,16 @@
|block-color|Color|#ffffff|滑块的颜色|
|show-value|Boolean|false|是否显示当前 value|
|@change|EventHandle||完成一次拖动后触发的事件,event.detail = {value: value}|
|@changing|EventHandle||拖动过程中触发的事件,event.detail = {value: value}|
<!-- |color|Color|#e9e9e9|背景条的颜色(请使用 backgroundColor)|
|selected-color|Color|#1aad19|已选择的颜色(请使用 activeColor)| -->
**Tips**
|@changing|EventHandle||拖动过程中触发的事件,event.detail = {value: value}|
<!-- |color|Color|#e9e9e9|背景条的颜色(请使用 backgroundColor)|
|selected-color|Color|#1aad19|已选择的颜色(请使用 activeColor)| -->
**Tips**
- activeColor默认值在不同平台不一样,微信是绿色(#1aad19),头条是红色,其他平台是蓝色
- 如需要区间滑块,即一根横条上使用2个滑块选择一段范围,可见[插件市场](https://ext.dcloud.net.cn/search?q=%E5%8C%BA%E9%97%B4%E6%BB%91%E5%9D%97)
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/slider/slider)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/slider/slider)
```html
<template>
......@@ -74,7 +74,7 @@ export default {
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问[https://uniapp.dcloud.io/h5/pages/component/slider/slider](https://uniapp.dcloud.io/h5/pages/component/slider/slider)
**Tips**
预览H5效果:使用浏览器的手机模式访问[https://hellouniapp.dcloud.net.cn/pages/component/slider/slider](https://hellouniapp.dcloud.net.cn/pages/component/slider/slider)
**Tips**
- 如果需要在PC端使用`slider`,可以配置[H5模版](https://uniapp.dcloud.io/collocation/manifest?id=h5-template),并引入[touch-emulator.js](https://github.com/dcloudio/touchemulator)
\ No newline at end of file
......@@ -58,7 +58,7 @@ change 事件返回 detail 中包含一个 source 字段,表示导致变更的
|:-|:-|:-|:-|:-|
|item-id|String||该 swiper-item 的标识符|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/swiper/swiper)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/swiper/swiper)
```html
<template>
<view>
......
......@@ -12,7 +12,7 @@
|@change|EventHandle||checked 改变时触发 change 事件,event.detail={ value:checked}||
|color|Color||switch 的颜色,同 css 的 color|&nbsp;|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/switch/switch)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/switch/switch)
```html
<template>
......@@ -59,7 +59,7 @@ export default {
示例代码说明:以上示例代码从hello uni-app示例中复制,涉及的css样式在hello uni-app的app.vue和uni.css中
预览H5效果:使用浏览器的手机模式访问[https://uniapp.dcloud.io/h5/pages/component/switch/switch](https://uniapp.dcloud.io/h5/pages/component/switch/switch)
预览H5效果:使用浏览器的手机模式访问[https://hellouniapp.dcloud.net.cn/pages/component/switch/switch](https://hellouniapp.dcloud.net.cn/pages/component/switch/switch)
**注意**
- switch的默认颜色,在不同平台不一样。微信小程序是绿色的,字节跳动小程序为红色,其他平台是蓝色的。更改颜色使用color属性。
......
......@@ -26,7 +26,7 @@
- 支持 `\n` 方式换行。
- 如果使用 `<span>` 组件编译时会被转换为 `<text>`
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/text/text)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/text/text)
```html
<template>
<view>
......
......@@ -30,7 +30,7 @@
|@confirm|EventHandle||点击完成时, 触发 confirm 事件,event.detail = {value: value}|微信小程序、百度小程序、QQ小程序|
|@keyboardheightchange|eventhandle||键盘高度发生变化的时候触发此事件,event.detail = {height: height, duration: duration}|微信小程序2.7.0|
**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/textarea/textarea)
**示例** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/textarea/textarea)
```html
<template>
......
......@@ -81,7 +81,7 @@
|center|视频中间|
**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/video/video)
**示例** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/video/video)
```html
<template>
......
......@@ -11,7 +11,7 @@
|hover-start-time|Number|50|按住后多久出现点击态,单位毫秒|
|hover-stay-time|Number|400|手指松开后点击态保留时间,单位毫秒|
**示例** [查看演示](https://uniapp.dcloud.io/h5/pages/component/view/view)
**示例** [查看演示](https://hellouniapp.dcloud.net.cn/pages/component/view/view)
```html
<template>
......
......@@ -91,7 +91,7 @@
</code>
</pre>
**示例** [查看示例](https://uniapp.dcloud.io/h5/pages/component/web-view/web-view)
**示例** [查看示例](https://hellouniapp.dcloud.net.cn/pages/component/web-view/web-view)
```html
<template>
<view>
......
......@@ -138,7 +138,7 @@ HBuilderX 还提供了快捷运行菜单,可以按数字快速选择要运行
#### 发布为H5
1.``manifest.json`` 的可视化界面,进行如下配置(发行在网站根目录可不配置应用基本路径),此时发行网站路径是 www.xxx.com/h5,如:[https://uniapp.dcloud.io/h5](https://uniapp.dcloud.io/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;"/>
</div>
......
......@@ -189,7 +189,7 @@
+ uni-ui 优化 uni-drawer 组件废弃 visible 属性,改用 open()、close() 方法开关抽屉,避免在某些场景不能正常关闭的 Bug
+ uni-ui 优化 uni-popup 组件部分代码逻辑,可支持自定义扩展组件
+ uni-ui 修复 uni-drawer 组件 close 回调执行两遍的 Bug
+ uni-ui 修复 uni-goods-nav 组件 buttonGroup 属性修改 color 颜色不生效的 Bug 
+ uni-ui 修复 uni-goods-nav 组件 buttonGroup 属性修改 color 颜色不生效的 Bug
+ uni-ui 修复 uni-popup 组件内放置 input/textarea 获取不到焦点的 Bug
+ uni-ui 修复 uni-swipe-action 组件在 iOS13 中按钮点击失效或点击错位的 Bug
* 【uniCloud】
......@@ -750,7 +750,7 @@
#### 2.4.7.20191216-alpha
* 【uni-app插件】
+ 【重要】H5平台、QQ小程序 支持运行微信小程序组件 [详情](https://uniapp.dcloud.io/h5/pages/template/vant-button/vant-button)
+ 【重要】H5平台、QQ小程序 支持运行微信小程序组件 [详情](https://hellouniapp.dcloud.net.cn/pages/template/vant-button/vant-button)
+ 【重要】App平台 新增 pages.json 配置屏幕方向。横屏应用请在这里配置,app.vue里生效较晚 [详情](https://uniapp.dcloud.io/collocation/pages?id=globalstyle)
+ App平台 优化 选择位置 支持在搜索结果中选择
+ App平台 优化 picker 组件按钮文字增加多语言支持
......@@ -770,7 +770,7 @@
+ App-Android平台 修复 tabbar 的 midButton 不设置图片时显示默认图片的Bug [详情](https://ask.dcloud.net.cn/question/84908)
+ 【重要】App-iOS平台 新增 uni.login 支持Apple登录 [详情](https://ask.dcloud.net.cn/article/36651)
+ App-iOS平台 修复 nvue input 组件设置 maxlength 属性后,@input事件返回value值与实际显示值不一致的Bug [详情](https://github.com/dcloudio/uni-app/issues/1073)
+ H5平台 新增 支持 editor 组件 [详情](https://uniapp.dcloud.io/h5/pages/component/editor/editor)
+ H5平台 新增 支持 editor 组件 [详情](https://hellouniapp.dcloud.net.cn/pages/component/editor/editor)
+ H5平台 新增 支持使用 nodesRef.context 获取 VideoContext、CanvasContext 和 MapContext 对象
+ H5平台 修复 css 变量 --window-bottom 在全面屏设备不准确的Bug [详情](https://ask.dcloud.net.cn/question/83069)
+ H5平台 修复 canvasContext.measureText 报错的Bug [详情](https://ask.dcloud.net.cn/question/84858)
......
......@@ -77,7 +77,7 @@
+ uni-ui 优化 uni-drawer 组件废弃 visible 属性,改用 open()、close() 方法开关抽屉,避免在某些场景不能正常关闭的 Bug
+ uni-ui 优化 uni-popup 组件部分代码逻辑,可支持自定义扩展组件
+ uni-ui 修复 uni-drawer 组件 close 回调执行两遍的 Bug
+ uni-ui 修复 uni-goods-nav 组件 buttonGroup 属性修改 color 颜色不生效的 Bug 
+ uni-ui 修复 uni-goods-nav 组件 buttonGroup 属性修改 color 颜色不生效的 Bug
+ uni-ui 修复 uni-popup 组件内放置 input/textarea 获取不到焦点的 Bug
+ uni-ui 修复 uni-swipe-action 组件在 iOS13 中按钮点击失效或点击错位的 Bug
* 【uniCloud】
......@@ -557,7 +557,7 @@
#### 2.5.1.20200103
* 【uni-app插件】
+ 【重要】App端重大架构升级 `v3编译器`,更快的启动速度、更好的性能、更多vue语法支持、可webview调试视图层。新项目默认开启v3,可通过【manifest.json-App其他设置】开启关闭v3 [详情](https://ask.dcloud.net.cn/article/36599)
+ 【重要】H5平台、QQ小程序 支持运行微信小程序组件 [详情](https://uniapp.dcloud.io/h5/pages/template/vant-button/vant-button)
+ 【重要】H5平台、QQ小程序 支持运行微信小程序组件 [详情](https://hellouniapp.dcloud.net.cn/pages/template/vant-button/vant-button)
+ 【重要】App平台 新增 pages.json 配置屏幕方向。横屏应用请在这里配置,app.vue里生效较晚 [详情](https://uniapp.dcloud.io/collocation/pages?id=globalstyle)
+ 优化 非 scoped 样式支持 >>>,/deep/,::v-deep语法[详情](https://github.com/dcloudio/uni-app/issues/1143)
+ App平台 优化 选择位置 支持在搜索结果中选择
......@@ -589,7 +589,7 @@
+ App-iOS平台 修复 nvue map 组件不设置 marker 的 title 及 callout 时会显示空白标注的Bug [详情](https://ask.dcloud.net.cn/question/85874)
+ App-iOS平台 修复 nvue map 组件使用 controls 控件提交云端打包后可能会引起崩溃的Bug [详情](https://ask.dcloud.net.cn/question/86521)
+ App-iOS平台 修复 使用 uni.hideKeyboard 输入框无法失去焦点的Bug [详情](https://ask.dcloud.net.cn/question/85681)
+ H5平台 新增 支持 editor 组件 [详情](https://uniapp.dcloud.io/h5/pages/component/editor/editor)
+ H5平台 新增 支持 editor 组件 [详情](https://hellouniapp.dcloud.net.cn/pages/component/editor/editor)
+ H5平台 新增 支持使用 nodesRef.context 获取 VideoContext、CanvasContext 和 MapContext 对象
+ H5平台 新增 video 组件支持 @loadedmetadata、@progress 事件
+ H5平台 优化 发行时 index.css 文件名包含 hash 以便更好的控制缓存 [详情](https://ask.dcloud.net.cn/question/84990)
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册