Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
shaopppp
hello uni-app x
提交
c663f49b
H
hello uni-app x
项目概览
shaopppp
/
hello uni-app x
与 Fork 源项目一致
Fork自
DCloud / hello uni-app x
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c663f49b
编写于
1月 20, 2024
作者:
H
hdx
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
scroll-view-props: 重构样式
上级
db272afc
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
37 addition
and
30 deletion
+37
-30
pages/component/scroll-view/scroll-view-refresher-props.uvue
pages/component/scroll-view/scroll-view-refresher-props.uvue
+37
-30
未找到文件。
pages/component/scroll-view/scroll-view-refresher-props.uvue
浏览文件 @
c663f49b
...
...
@@ -13,49 +13,44 @@
</scroll-view>
</view>
<scroll-view class="uni-list" showScrollbar="true">
<view class="uni-
common-pb"></view
>
<text style="font-size: 12px;text-align: center;color: red;
">**下拉刷新的属性设置需要先打开下拉刷新开关**</text>
<
view class="uni-common-pb"><
/view>
<view class="uni-
option
">
<scroll-view class="uni-list"
:
showScrollbar="true">
<view class="uni-
list-cell-padding"
>
<text class="refresher-tips
">**下拉刷新的属性设置需要先打开下拉刷新开关**</text>
</view>
<view class="uni-
list-cell uni-list-cell-padding
">
<text>是否开启下拉刷新</text>
<switch :checked="refresherEnabled" @change="handleTrunOnRefresher"></switch>
</view>
<view class="uni-
option
">
<view class="uni-
list-cell uni-list-cell-padding
">
<text>设置下拉刷新状态</text>
<switch :disabled="!refresherEnabled" :checked="refresherTriggered"
@change="refresherTriggered=!refresherTriggered"></switch>
</view>
<view class="uni-
option
">
<view class="uni-
list-cell uni-list-cell-padding
">
<text>设置下拉刷新阈值</text>
<input style="width: 50px;border-width: 1px;text-align: center; border-style: solid;"
:disabled="!refresherEnabled" :value="refresherThreshold" type="number"
<input class="uni-list-cell-input" :disabled="!refresherEnabled" :value="refresherThreshold" type="number"
@input="handleRefresherThresholdInput" />
</view>
<view class="uni-
option
">
<view class="uni-
list-cell uni-list-cell-padding
">
<text>设置下拉刷新区域背景颜色</text>
<input
style="width: 100px;border-width: 1px;text-align: center; border-style: solid;
"
:disabled="!refresherEnabled" :value="refresherBackground"
@input="handleRefresherBackground" />
<input
class="uni-list-cell-input" :disabled="!refresherEnabled" :value="refresherBackground
"
@input="handleRefresherBackground" />
</view>
<view
style="height: 100px;padding: 10px;
">
<view
class="uni-list-cell-padding
">
<text>设置下拉刷新默认样式</text>
<view class="uni-common-pb"></view>
<view style="flex-direction: row;">
<button style="padding: 5rpx; margin-right: 5px;" type="primary" size="mini"
<view class="switch-refresher-group">
<button class="switch-refresher-style" type="primary" size="mini"
@click="refresherDefaultStyle = `none`">none</button>
<button
style="padding: 5rpx; margin-right: 10rpx;
" type="primary" size="mini"
<button
class="switch-refresher-style
" type="primary" size="mini"
@click="refresherDefaultStyle = `black`">black</button>
<button
style="padding: 5rpx;
" type="primary" size="mini"
<button
class="switch-refresher-style
" type="primary" size="mini"
@click="refresherDefaultStyle = `white`">white</button>
</view>
</view>
<view class="uni-common-pb"></view>
</scroll-view>
</view>
</template>
...
...
@@ -130,8 +125,7 @@
<style>
.uni-margin-wrap {
height: 200px;
margin-left: 25px;
margin-right: 25px;
margin: 0 25px 25px 25px;
}
.item {
...
...
@@ -145,6 +139,12 @@
border-color: chocolate;
}
.refresher-tips {
font-size: 12px;
text-align: center;
color: red;
}
.uni-text {
color: black;
font-size: 50px;
...
...
@@ -152,15 +152,12 @@
.uni-list {
flex: 1;
margin: 25px 25px 0 25px;
}
.uni-option {
height: 50px;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
.uni-list-cell-input {
max-width: 100px;
border: 1px solid #ccc;
text-align: center;
}
.picker-view {
...
...
@@ -168,4 +165,14 @@
height: 320px;
margin-top: 10px;
}
.switch-refresher-group {
flex-direction: row;
margin-top: 5px;
}
.switch-refresher-style {
padding: 2px 10px;
margin-right: 5px;
}
</style>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录