Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
这我不会
uni-starter
提交
a1d97491
U
uni-starter
项目概览
这我不会
/
uni-starter
与 Fork 源项目一致
Fork自
DCloud / uni-starter
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-starter
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a1d97491
编写于
4月 26, 2021
作者:
DCloud_JSON
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修复首页
上级
525b710b
变更
5
显示空白变更内容
内联
并排
Showing
5 changed file
with
153 addition
and
69 deletion
+153
-69
pages.json
pages.json
+0
-9
pages/list/--news-list.vue
pages/list/--news-list.vue
+0
-0
pages/list/list.nvue
pages/list/list.nvue
+151
-0
pages/list/list.vue
pages/list/list.vue
+0
-58
pages/ucenter/edit/edit.vue
pages/ucenter/edit/edit.vue
+2
-2
未找到文件。
pages.json
浏览文件 @
a1d97491
...
...
@@ -8,15 +8,6 @@
"enablePullDownRefresh"
:
true
}
},
{
"path"
:
"pages/list/news-list"
,
"style"
:
{
//#ifndef
MP
"navigationStyle"
:
"custom"
,
//#endif
"enablePullDownRefresh"
:
true
}
},
{
"path"
:
"pages/grid/grid"
,
"style"
:
{
...
...
pages/list/news-list.vue
→
pages/list/
--
news-list.vue
浏览文件 @
a1d97491
文件已移动
pages/list/list.nvue
0 → 100644
浏览文件 @
a1d97491
<template>
<view>
<view class="search-box">
<!-- #ifdef APP-PLUS -->
<uni-nav-bar class="status-bar"></uni-nav-bar>
<!-- #endif -->
<view class="search-container-bar">
<uni-search-bar ref="searchBar" style="flex:1;" radius="100" v-model="searchText"
@click.native="searchClick" cancelButton="none" disabled />
</view>
</view>
<view class="content">
<!-- #ifdef APP-PLUS -->
<!-- <uni-nav-bar class="status-bar"></uni-nav-bar> -->
<!-- #endif -->
<!-- 刷新页面后的顶部提示框 -->
<!-- 当前弹出内容没有实际逻辑 ,可根据当前业务修改弹出提示 -->
<view class="tips" :class="{ 'tips-ani': tipShow }">为您更新了10条内容</view>
<!-- 页面分类标题 -->
<!-- <uni-section style="margin:0;" v-if="searchText" :title="listTitle" type="line"></uni-section> -->
<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" :options="formData"
collection="opendb-news-articles,uni-id-users"
field="author{username, _id}, _id,avatar,title,excerpt,last_modify_date, comment_count, like_count"
:foreignKey="foreignKey" :where="where" @load="load" @error="isLoading = false">
<text v-if="error" class="list-info">{{error.message}}</text>
<!-- 基于 uni-list 的页面布局 -->
<uni-list :class="{ 'uni-list--waterfall': options.waterfall }">
<!-- 通过 uni-list--waterfall 类决定页面布局方向 -->
<!-- to 属性携带参数跳转详情页面,当前只为参考 -->
<uni-list-item :border="!options.waterfall" :to="'./detail?id='+item._id+'&title='+item.title"
class="uni-list-item--waterfall" title="自定义列表" v-for="item in data" :key="item._id">
<!-- 通过header插槽定义列表左侧图片 -->
<template v-slot:header>
<image class="avatar" :src="item.avatar" mode="aspectFill"></image>
</template>
<!-- 通过body插槽定义布局 -->
<view slot="body" class="main">
<text class="title">{{ item.title }}</text>
<view class="foot">
<text class="uni-ellipsis-1">{{ item.author[0].username }}</text>
<text>{{ item.comment_count }}评论</text>
<uni-dateformat :date="item.last_modify_date" format="yyyy-MM-dd"
:threshold="[60000, 2592000000]" />
</view>
</view>
</uni-list-item>
</uni-list>
<!-- 通过 loadMore 组件实现上拉加载效果,如需自定义显示内容,可参考:https://ext.dcloud.net.cn/plugin?id=29 -->
<uni-load-more v-if="!error && (loading || options.status === 'noMore') " :status="options.status" />
<uni-nodata v-if="data.length == 0" :isLoading="isLoading" @retry="refresh"></uni-nodata>
</unicloud-db>
</view>
</view>
</template>
<script>
export default {
data() {
return {
canSearch: true,
searchText: 'searchText',
formData: {
waterfall: false, // 布局方向切换
status: 'loading', // 加载状态
},
where: '',
// 数据表名
foreignKey: '',
tipShow: false, // 是否显示顶部提示框
isLoading: true
};
},
onLoad() {},
onShow(options) {
this.searchText = getApp().globalData.searchText;
},
/**
* 下拉刷新回调函数
*/
onPullDownRefresh() {
this.refresh();
},
onReachBottom() {
this.loadMore();
},
methods: {
load(e) {
console.log(e);
},
refresh(e) {
console.log(e);
this.tipShow = true
this.formData.status = 'more'
this.isLoading = true
this.$refs.udb.loadData({
clear: true
}, () => {
this.tipShow = false
this.isLoading = false
uni.stopPullDownRefresh()
})
},
select() {
this.formData.waterfall = !this.formData.waterfall;
},
}
};
</script>
<style lang="scss" scoped>
.content {
flex: 1;
}
.avatar {
width: 200rpx;
height: 200rpx;
margin-right: 10rpx;
}
.tips {
color: #67c23a;
font-size: 14px;
line-height: 40px;
text-align: center;
background-color: #f0f9eb;
height: 0;
opacity: 0;
transform: translateY(-100%);
//transition: all 0.3s;
}
.main{
justify-content: space-between;
}
.title {
width: 480rpx;
}
.foot{
flex-direction: row;
justify-content: space-between;
}
.tips-ani {
transform: translateY(0);
height: 40px;
opacity: 1;
}
</style>
pages/list/list.vue
已删除
100644 → 0
浏览文件 @
525b710b
<
template
>
<view
style=
"overflow: hidden;"
>
<!-- 页面主列表 -->
<news-list
ref=
"newsList"
:canSearch=
"canSearch"
:currentText=
"searchText"
></news-list>
</view>
</
template
>
<
script
>
import
newsList
from
'
./news-list.vue
'
;
export
default
{
components
:{
newsList
},
data
()
{
return
{
searchText
:
''
,
canSearch
:
true
};
},
onLoad
()
{
},
onShow
(
options
)
{
this
.
searchText
=
getApp
().
globalData
.
searchText
;
},
/**
* 下拉刷新回调函数
*/
onPullDownRefresh
()
{
this
.
$refs
.
newsList
.
refresh
();
},
methods
:
{
/**
* 切换商品列表布局方向(未实现)
*/
select
()
{
this
.
formData
.
waterfall
=
!
this
.
formData
.
waterfall
;
},
/**
* 上拉加载回调函数
*/
onReachBottom
()
{
this
.
$refs
.
newsList
.
loadMore
();
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
@import
'@/common/uni-ui.scss'
;
page
{
display
:
flex
;
flex-direction
:
column
;
box-sizing
:
border-box
;
background-color
:
#efeff4
;
min-height
:
100%
;
height
:
auto
;
}
</
style
>
pages/ucenter/edit/edit.vue
浏览文件 @
a1d97491
<
template
>
<view>
<uni-list>
<uni-list-item
class=
"item"
link
>
<view
@
click=
"setAvatar"
slot=
"body"
class=
"item"
>
<uni-list-item
class=
"item"
@
click=
"setAvatar"
link
>
<view
slot=
"body"
class=
"item"
>
<text>
头像
</text>
<image
class=
"avatarUrl"
:src=
"userInfo.avatar||nullAvatarUrl"
mode=
"widthFix"
></image>
</view>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录