Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
186d7b48
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
5992
Star
90
Fork
162
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
18
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
18
Issue
18
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
186d7b48
编写于
8月 30, 2023
作者:
W
wanganxp
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
过滤无用的文件
上级
23ed403b
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
399 addition
and
371 deletion
+399
-371
pages.json
pages.json
+12
-22
pages/component/list-view/list-view.uvue
pages/component/list-view/list-view.uvue
+0
-0
pages/component/swiper/swiper.uvue
pages/component/swiper/swiper.uvue
+1
-1
pages/tabBar/API.uvue
pages/tabBar/API.uvue
+6
-6
pages/tabBar/CSS.uvue
pages/tabBar/CSS.uvue
+375
-337
pages/tabBar/component.uvue
pages/tabBar/component.uvue
+5
-5
未找到文件。
pages.json
浏览文件 @
186d7b48
...
@@ -777,8 +777,7 @@
...
@@ -777,8 +777,7 @@
{
{
"path"
:
"pages/CSS/border/complex-border/complex-border"
,
"path"
:
"pages/CSS/border/complex-border/complex-border"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"border属性组合示例"
,
"navigationBarTitleText"
:
"border属性组合示例"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
...
@@ -791,64 +790,55 @@
...
@@ -791,64 +790,55 @@
{
{
"path"
:
"pages/template/calendar/calendar"
,
"path"
:
"pages/template/calendar/calendar"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"日历"
,
"navigationBarTitleText"
:
"日历"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/template/custom-refresher/custom-refresher"
,
"path"
:
"pages/template/custom-refresher/custom-refresher"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"自定义下拉刷新"
,
"navigationBarTitleText"
:
"自定义下拉刷新"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/API/get-window-info/get-window-info"
,
"path"
:
"pages/API/get-window-info/get-window-info"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
""
,
"navigationBarTitleText"
:
""
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/template/half-screen/half-screen"
,
"path"
:
"pages/template/half-screen/half-screen"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"半屏弹窗"
,
"navigationBarTitleText"
:
"半屏弹窗"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/template/long-list/long-list"
,
"path"
:
"pages/template/long-list/long-list"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"复杂长列表"
,
"navigationBarTitleText"
:
"复杂长列表"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/component/list-view
-autotest/list-view-autotest
"
,
"path"
:
"pages/component/list-view
/list-view
"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"list-view-autotest"
,
"navigationBarTitleText"
:
"list-view"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/component/scroll-view/scroll-view-props"
,
"path"
:
"pages/component/scroll-view/scroll-view-props"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"非下拉刷新的scroll-view属性示例"
,
"navigationBarTitleText"
:
"非下拉刷新的scroll-view属性示例"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/component/scroll-view/scroll-view-refresher-props"
,
"path"
:
"pages/component/scroll-view/scroll-view-refresher-props"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"下拉刷新的scroll-view属性示例"
,
"navigationBarTitleText"
:
"下拉刷新的scroll-view属性示例"
"enablePullDownRefresh"
:
false
}
}
},
},
{
{
"path"
:
"pages/component/scroll-view/scroll-view-custom-refresher-props"
,
"path"
:
"pages/component/scroll-view/scroll-view-custom-refresher-props"
,
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"自定义下拉刷新的scroll-view属性示例"
,
"navigationBarTitleText"
:
"自定义下拉刷新的scroll-view属性示例"
"enablePullDownRefresh"
:
false
}
}
}
}
],
],
...
@@ -904,4 +894,4 @@
...
@@ -904,4 +894,4 @@
}
}
]
]
}
}
}
}
\ No newline at end of file
pages/component/list-view
-autotest/list-view-autotest
.uvue
→
pages/component/list-view
/list-view
.uvue
浏览文件 @
186d7b48
文件已移动
pages/component/swiper/swiper.uvue
浏览文件 @
186d7b48
...
@@ -34,7 +34,7 @@
...
@@ -34,7 +34,7 @@
<view class="uni-list-cell-db">是否循环</view>
<view class="uni-list-cell-db">是否循环</view>
<switch :checked="circularSelect" @change="circularChange" />
<switch :checked="circularSelect" @change="circularChange" />
</view>
</view>
<view class="uni-title">间隔时间</view>
<view class="uni-title">间隔时间
(毫秒)
</view>
<view>
<view>
<slider @change="sliderChange" :value="1000" :min="500" :max="5000" :show-value="true" />
<slider @change="sliderChange" :value="1000" :min="500" :max="5000" :show-value="true" />
</view>
</view>
...
...
pages/tabBar/API.uvue
浏览文件 @
186d7b48
...
@@ -78,7 +78,7 @@
...
@@ -78,7 +78,7 @@
name: '页面跳转',
name: '页面跳转',
url: 'navigator',
url: 'navigator',
},
},
{
/*
{
name: '页面栈管理',
name: '页面栈管理',
url: 'getCurrentPages',
url: 'getCurrentPages',
enable: false,
enable: false,
...
@@ -87,7 +87,7 @@
...
@@ -87,7 +87,7 @@
name: '设置导航条标题',
name: '设置导航条标题',
url: 'set-navigation-bar-title',
url: 'set-navigation-bar-title',
enable: false,
enable: false,
},
},
*/
{
{
name: '设置导航条颜色',
name: '设置导航条颜色',
url: 'set-navigation-bar-color',
url: 'set-navigation-bar-color',
...
@@ -98,9 +98,9 @@
...
@@ -98,9 +98,9 @@
enable: false,
enable: false,
},
},
{
{
name: '下拉刷新',
name: '
页面
下拉刷新',
url: 'pull-down-refresh',
url: 'pull-down-refresh',
enable:
fals
e,
enable:
tru
e,
},
},
{
{
name: '将页面滚动到指定位置',
name: '将页面滚动到指定位置',
...
@@ -307,7 +307,7 @@
...
@@ -307,7 +307,7 @@
{
{
name: "背景音频",
name: "背景音频",
url: "background-audio",
url: "background-audio",
},
},
{
{
name: "视频选择和拍照",
name: "视频选择和拍照",
url: "video",
url: "video",
...
@@ -497,4 +497,4 @@
...
@@ -497,4 +497,4 @@
.item {
.item {
margin-bottom: 12px;
margin-bottom: 12px;
}
}
</style>
</style>
\ No newline at end of file
pages/tabBar/CSS.uvue
浏览文件 @
186d7b48
<template>
<template>
<!-- #ifdef APP -->
<!-- #ifdef APP -->
<scroll-view style="flex: 1">
<scroll-view style="flex: 1">
<!-- #endif -->
<!-- #endif -->
<view class="uni-container">
<view class="uni-container">
<view class="uni-header-logo">
<view class="uni-header-logo">
<image class="uni-header-image" src="/static/cssIndex.png"></image>
<image class="uni-header-image" src="/static/cssIndex.png"></image>
</view>
</view>
<view class="uni-hello-text">
<view class="uni-hello-text">
<text class="hello-text">uni-app x目前已支持的CSS属性,展示样式仅供参考,文档详见:</text>
<text class="hello-text">uni-app x目前已支持的CSS属性,展示样式仅供参考,文档详见:</text>
<u-link :href="'https://uniapp.dcloud.io/component/'" :text="'https://uniapp.dcloud.io/component/'" :inWhiteList="true"></u-link>
<u-link :href="'https://uniapp.dcloud.io/component/'" :text="'https://uniapp.dcloud.io/component/'"
</view>
:inWhiteList="true"></u-link>
<uni-collapse>
</view>
<template v-for="item in list" :key="item.id">
<uni-collapse>
<uni-collapse-item :title="item.name" class="item">
<template v-for="item in list" :key="item.id">
<view class="uni-navigate-item" :hover-class="page.enable == false?'':'is--active'" v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
<uni-collapse-item :title="item.name" class="item">
<text class="uni-navigate-text" :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
<view class="uni-navigate-item" :hover-class="page.enable == false?'':'is--active'"
<image :src="arrowRightIcon" class="uni-icon"></image>
v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
</view>
<text class="uni-navigate-text"
</uni-collapse-item>
:class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
</template>
<image :src="arrowRightIcon" class="uni-icon"></image>
</uni-collapse>
</view>
</view>
</uni-collapse-item>
<!-- #ifdef APP -->
</template>
</scroll-view>
</uni-collapse>
<!-- #endif -->
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
</template>
<script lang="uts">
<script lang="uts">
type Page = {
type Page = {
name : string
name : string
enable ?: boolean
enable ?: boolean
url ?: string
url ?: string
}
}
type ListItem = {
type ListItem = {
id : string
id : string
name : string
name : string
open : boolean
open : boolean
pages : Page[]
pages : Page[]
url ?: string
url ?: string
enable ?: boolean
enable ?: boolean
}
}
export default {
export default {
data() {
data() {
return {
return {
list: [
list: [
{
{
id: 'background',
id: 'background',
name: 'background',
name: 'background',
open: false,
open: false,
pages: [
pages: [
{
{
name: 'background-color',
name: 'background-color',
url: '/pages/CSS/background/background-color',
url: '/pages/CSS/background/background-color',
},
},
{
{
name: 'background-image',
name: 'background-image',
url: '/pages/CSS/background/background-image',
url: '/pages/CSS/background/background-image',
},
},
] as Page[],
] as Page[],
},
},
{
{
id: 'border',
id: 'border',
name: 'border',
name: 'border',
open: false,
open: false,
pages: [
pages: [
{
{
name: 'border',
name: 'border',
url: '/pages/CSS/border/border',
url: '/pages/CSS/border/border',
},
},
{
{
name: 'border-width',
name: 'border-width',
url: '/pages/CSS/border/border-width',
url: '/pages/CSS/border/border-width',
},
},
{
{
name: 'border-style',
name: 'border-style',
url: '/pages/CSS/border/border-style',
url: '/pages/CSS/border/border-style',
},
},
{
{
name: 'border-color',
name: 'border-color',
url: '/pages/CSS/border/border-color',
url: '/pages/CSS/border/border-color',
},
},
{
{
name: 'border-radius',
name: 'border-radius',
url: '/pages/CSS/border/border-radius',
url: '/pages/CSS/border/border-radius',
},
},
{
{
name: 'border属性复合示例',
name: 'border属性复合示例',
url: '/pages/CSS/border/complex-border/complex-border',
url: '/pages/CSS/border/complex-border/complex-border',
},
},
] as Page[],
] as Page[],
},
},
{
{
id: 'box-shadow',
id: 'box-shadow',
name: 'box-shadow',
name: 'box-shadow',
open: false,
open: false,
pages: [
pages: [
{
{
name: 'box-shadow',
name: 'box-shadow',
url: '/pages/CSS/box-shadow/box-shadow',
url: '/pages/CSS/box-shadow/box-shadow',
},
},
] as Page[],
] as Page[],
},
},
{
{
id: 'flex',
id: 'display',
name: 'flex',
name: 'display',
open: false,
open: false,
pages: [
pages: [
{
{
name: 'align-content',
name: 'flex',
url: '/pages/CSS/flex/align-content',
url: '/pages/CSS/display/flex',
},
},
{
{
name: 'align-items',
name: 'none',
url: '/pages/CSS/flex/align-items',
url: '/pages/CSS/display/none',
},
}
{
] as Page[],
name: 'flex-basis',
},
url: '/pages/CSS/flex/flex-basis',
{
},
id: 'flex',
{
name: 'flex',
name: 'flex-direction',
open: false,
url: '/pages/CSS/flex/flex-direction',
pages: [
},
{
{
name: 'align-content',
name: 'flex-flow',
url: '/pages/CSS/flex/align-content',
url: '/pages/CSS/flex/flex-flow',
},
},
{
{
name: 'align-items',
name: 'flex-grow',
url: '/pages/CSS/flex/align-items',
url: '/pages/CSS/flex/flex-grow',
},
},
{
{
name: 'flex-basis',
name: 'flex-shrink',
url: '/pages/CSS/flex/flex-basis',
url: '/pages/CSS/flex/flex-shrink',
},
},
{
{
name: 'flex-direction',
name: 'flex',
url: '/pages/CSS/flex/flex-direction',
url: '/pages/CSS/flex/flex',
},
},
{
{
name: 'flex-flow',
name: 'justify-content',
url: '/pages/CSS/flex/flex-flow',
url: '/pages/CSS/flex/justify-content',
},
},
{
] as Page[],
name: 'flex-grow',
},
url: '/pages/CSS/flex/flex-grow',
{
},
id: 'layout',
{
name: 'layout',
name: 'flex-shrink',
open: false,
url: '/pages/CSS/flex/flex-shrink',
pages: [
},
{
{
name: 'height',
name: 'flex',
url: '/pages/CSS/layout/height',
url: '/pages/CSS/flex/flex',
},
},
{
{
name: 'max-height',
name: 'justify-content',
url: '/pages/CSS/layout/max-height',
url: '/pages/CSS/flex/justify-content',
},
},
{
] as Page[],
name: 'max-width',
},
url: '/pages/CSS/layout/max-width',
{
},
id: 'layout',
{
name: 'layout',
name: 'min-height',
open: false,
url: '/pages/CSS/layout/min-height',
pages: [
},
{
{
name: 'height',
name: 'min-width',
url: '/pages/CSS/layout/height',
url: '/pages/CSS/layout/min-width',
},
},
{
{
name: 'max-height',
name: 'position',
url: '/pages/CSS/layout/max-height',
url: '/pages/CSS/layout/position',
},
},
{
{
name: 'max-width',
name: 'width',
url: '/pages/CSS/layout/max-width',
url: '/pages/CSS/layout/width',
},
},
{
{
name: 'min-height',
name: 'visibility',
url: '/pages/CSS/layout/min-height',
url: '/pages/CSS/layout/visibility',
},
},
{
] as Page[],
name: 'min-width',
},
url: '/pages/CSS/layout/min-width',
{
},
id: 'margin',
{
name: 'margin',
name: 'position',
open: false,
url: '/pages/CSS/layout/position',
pages: [
},
{
{
name: 'margin-bottom',
name: 'width',
url: '/pages/CSS/margin/margin-bottom',
url: '/pages/CSS/layout/width',
},
},
{
{
name: 'margin-left',
name: 'visibility',
url: '/pages/CSS/margin/margin-left',
url: '/pages/CSS/layout/visibility',
},
},
{
] as Page[],
name: 'margin-right',
},
url: '/pages/CSS/margin/margin-right',
{
},
id: 'margin',
{
name: 'margin',
name: 'margin-top',
open: false,
url: '/pages/CSS/margin/margin-top',
pages: [
},
{
{
name: 'margin-bottom',
name: 'margin',
url: '/pages/CSS/margin/margin-bottom',
url: '/pages/CSS/margin/margin',
},
},
{
] as Page[],
name: 'margin-left',
},
url: '/pages/CSS/margin/margin-left',
{
},
id: 'padding',
{
name: 'padding',
name: 'margin-right',
open: false,
url: '/pages/CSS/margin/margin-right',
pages: [
},
{
{
name: 'padding-bottom',
name: 'margin-top',
url: '/pages/CSS/padding/padding-bottom',
url: '/pages/CSS/margin/margin-top',
},
},
{
{
name: 'padding-left',
name: 'margin',
url: '/pages/CSS/padding/padding-left',
url: '/pages/CSS/margin/margin',
},
},
{
] as Page[],
name: 'padding-right',
},
url: '/pages/CSS/padding/padding-right',
{
},
id: 'padding',
{
name: 'padding',
name: 'padding-top',
open: false,
url: '/pages/CSS/padding/padding-top',
pages: [
},
{
{
name: 'padding-bottom',
name: 'padding',
url: '/pages/CSS/padding/padding-bottom',
url: '/pages/CSS/padding/padding',
},
},
{
] as Page[],
name: 'padding-left',
},
url: '/pages/CSS/padding/padding-left',
{
},
id: 'text',
{
name: 'text',
name: 'padding-right',
open: false,
url: '/pages/CSS/padding/padding-right',
pages: [
},
{
{
name: 'color',
name: 'padding-top',
url: '/pages/CSS/text/color',
url: '/pages/CSS/padding/padding-top',
},
},
{
{
name: 'font-family',
name: 'padding',
url: '/pages/CSS/text/font-family',
url: '/pages/CSS/padding/padding',
},
},
{
] as Page[],
name: 'font-size',
},
url: '/pages/CSS/text/font-size',
{
},
id: 'text',
{
name: 'text',
name: 'font-style',
open: false,
url: '/pages/CSS/text/font-style',
pages: [
},
{
{
name: 'color',
name: 'font-weight',
url: '/pages/CSS/text/color',
url: '/pages/CSS/text/font-weight',
},
},
{
{
name: 'font-family',
name: 'line-height',
url: '/pages/CSS/text/font-family',
url: '/pages/CSS/text/line-height',
},
},
{
{
name: 'font-size',
name: 'text-align',
url: '/pages/CSS/text/font-size',
url: '/pages/CSS/text/text-align',
},
},
{
{
name: 'font-style',
name: 'text-overflow',
url: '/pages/CSS/text/font-style',
url: '/pages/CSS/text/text-overflow',
},
},
{
{
name: 'font-weight',
name: 'text-decoration-line',
url: '/pages/CSS/text/font-weight',
url: '/pages/CSS/text/text-decoration-line',
},
},
{
] as Page[],
name: 'letter-spacing',
},
url: '/pages/CSS/text/letter-spacing',
{
},
id: 'animate',
{
name: '动画',
name: 'line-height',
open: false,
url: '/pages/CSS/text/line-height',
pages: [
},
{
{
name: 'transition',
name: 'text-align',
url: '/pages/CSS/transition/transition',
url: '/pages/CSS/text/text-align',
},
},
{
{
name: 'transform',
name: 'text-overflow',
url: '/pages/CSS/transform/transform',
url: '/pages/CSS/text/text-overflow',
},
},
] as Page[],
{
},
name: 'text-decoration-line',
] as ListItem[],
url: '/pages/CSS/text/text-decoration-line',
arrowUpIcon: '/static/icons/arrow-up.png',
},
arrowDownIcon: '/static/icons/arrow-down.png',
] as Page[],
arrowRightIcon: '/static/icons/arrow-right.png',
},
}
{
},
id: 'transform',
methods: {
name: 'transform',
triggerCollapse(index ?: number, item : ListItem) {
open: false,
if (item.pages.length == 0) {
pages: [
const page : Page = {
{
name: item.name,
name: 'translate',
enable: item.enable,
url: '/pages/CSS/transform/translate',
url: item.url,
},
}
{
this.goDetailPage(page)
name: 'scale',
return
url: '/pages/CSS/transform/scale',
}
},
for (var i = 0; i < this.list.length; ++i) {
{
if (index == i) {
name: 'rotate',
this.list[i].open = !this.list[i].open
url: '/pages/CSS/transform/rotate',
} else {
},
this.list[i].open = false
] as Page[],
}
},
}
{
},
id: 'transition',
goDetailPage(e : Page) {
name: 'transition',
if (e.enable == false) {
open: false,
uni.showToast({
pages: [
icon: 'none',
{
title: '暂不支持',
name: 'transition',
})
url: '/pages/CSS/transition/transition',
return
},
}
] as Page[],
const url = e.url != null ? e.url! : `/pages/CSS/${e.name}/${e.name}`
},
uni.navigateTo({
] as ListItem[],
url,
arrowUpIcon: '/static/icons/arrow-up.png',
})
arrowDownIcon: '/static/icons/arrow-down.png',
},
arrowRightIcon: '/static/icons/arrow-right.png',
},
}
}
},
methods: {
triggerCollapse(index ?: number, item : ListItem) {
if (item.pages.length == 0) {
const page : Page = {
name: item.name,
enable: item.enable,
url: item.url,
}
this.goDetailPage(page)
return
}
for (var i = 0; i < this.list.length; ++i) {
if (index == i) {
this.list[i].open = !this.list[i].open
} else {
this.list[i].open = false
}
}
},
goDetailPage(e : Page) {
if (e.enable == false) {
uni.showToast({
icon: 'none',
title: '暂不支持',
})
return
}
const url = e.url != null ? e.url! : `/pages/CSS/${e.name}/${e.name}`
uni.navigateTo({
url,
})
},
},
}
</script>
</script>
<style>
<style>
@import '../../common/uni-uvue.css';
@import '../../common/uni-uvue.css';
.item {
margin-bottom: 12px;
.item {
}
margin-bottom: 12px;
}
</style>
</style>
\ No newline at end of file
pages/tabBar/component.uvue
浏览文件 @
186d7b48
...
@@ -91,12 +91,12 @@ export default {
...
@@ -91,12 +91,12 @@ export default {
name: 'list(新闻)',
name: 'list(新闻)',
url: '/pages/component/list-news/list',
url: '/pages/component/list-news/list',
},
},
// {
// name: 'list',
// url: '/pages/component/long-list/long-list',
// },
{
{
name: 'list',
name: 'list-view',
url: '/pages/component/long-list/long-list',
},
{
name: 'list-view-autotest',
},
},
] as Page[],
] as Page[],
},
},
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录