Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
sss宋
unidocs-zh
提交
54beea7e
unidocs-zh
项目概览
sss宋
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
54beea7e
编写于
8月 31, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
x
上级
7add1c2f
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
51 addition
and
1 deletion
+51
-1
docs/uni-app-x/component/button.md
docs/uni-app-x/component/button.md
+48
-0
docs/uni-app-x/component/text.md
docs/uni-app-x/component/text.md
+2
-0
docs/uni-app-x/readme.md
docs/uni-app-x/readme.md
+1
-1
未找到文件。
docs/uni-app-x/component/button.md
浏览文件 @
54beea7e
...
...
@@ -8,3 +8,51 @@
<!-- UTSCOMJSON.button.reference -->
## button样式修改@style
button组件属性中的size和type,属于预置样式,方便开发者使用。开发者也可以通过style和class来自定义样式。
button虽然可以内嵌text组件,但不建议通过text组件来修改button样式,因为会导致hove-class不生效。尤其是uvue中样式不继承。建议直接在button组件的style或class属性编写样式。
style和class的优先级,高于size和type属性。
```
html
<template>
<button
size=
"default"
type=
"default"
style=
"color:#ffffff;backgroundColor:#1AAD19;borderColor:#1AAD19"
hover-class=
"is-hover"
>
按钮
</button>
</template>
<style>
.is-hover
{
color
:
rgba
(
255
,
255
,
255
,
0.6
);
background-color
:
#179b16
;
border-color
:
#179b16
;
}
</style>
```
## button点击
button 组件的点击遵循 vue 标准的 @click事件。
button 组件没有 url 属性,如果要跳转页面,可以在@click中编写,也可以在button组件外面套一层 navigator 组件。举例,如需跳转到about页面,可按如下几种代码写法执行:
```
html
<template>
<view>
<navigator
url=
"/pages/about/about"
><button>
通过navigator组件跳转到about页面
</button></navigator>
<button
@
click=
"goto('/pages/about/about')"
>
通过方法跳转到about页面
</button>
</view>
</template>
<script>
export
default
{
methods
:
{
goto
(
url
:
string
)
{
uni
.
navigateTo
({
url
:
url
})
}
}
}
</script>
```
docs/uni-app-x/component/text.md
浏览文件 @
54beea7e
...
...
@@ -18,3 +18,5 @@ text组件在web浏览器渲染(含浏览器、小程序webview渲染模式、
<!-- UTSCOMJSON.text.reference -->
## tips
-
选择复制,仅支持全选复制,暂未支持自由调整光标选择文字
\ No newline at end of file
docs/uni-app-x/readme.md
浏览文件 @
54beea7e
...
...
@@ -194,7 +194,7 @@ uni自带API,如下为目前支持的清单。
*
[x] uni-storage的一系列API
### 定位
*
[x] uni.getLocation 一期仅支持腾讯定位
*
[x] uni.getLocation 一期仅支持
系统定位和
腾讯定位
### 媒体
*
[x] uni.chooseImage 仅支持相册,不支持相机
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录