Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
anyefeiyu
uni-app
提交
bf64eefb
U
uni-app
项目概览
anyefeiyu
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
bf64eefb
编写于
9月 17, 2018
作者:
折
折腾笔记
提交者:
GitHub
9月 17, 2018
浏览文件
操作
浏览文件
下载
差异文件
Merge pull request #3 from dcloudio/master
更新其他示例
上级
026334ac
1b266817
变更
6
显示空白变更内容
内联
并排
Showing
6 changed file
with
34 addition
and
6 deletion
+34
-6
examples/image-template/README.md
examples/image-template/README.md
+18
-1
examples/image-template/common/common.css
examples/image-template/common/common.css
+1
-0
examples/image-template/pages.json
examples/image-template/pages.json
+2
-1
examples/image-template/pages/detail/detail.vue
examples/image-template/pages/detail/detail.vue
+11
-2
examples/image-template/pages/hot/hot.vue
examples/image-template/pages/hot/hot.vue
+1
-1
examples/image-template/pages/new/new.vue
examples/image-template/pages/new/new.vue
+1
-1
未找到文件。
examples/image-template/README.md
浏览文件 @
bf64eefb
# UNI-APP 图片模板
<p
align=
"center"
>
<img
src=
"http://img-cdn-qiniu.dcloud.net.cn/uniapp/template/new.png"
width=
"200"
/>
<img
src=
"http://img-cdn-qiniu.dcloud.net.cn/uniapp/template/hot.png"
width=
"200"
/>
</p>
## 运行方式
将项目拖入
[
HbuildX
](
http://www.dcloud.io/hbuilderx.html
)
,直接运行即可
将项目拖入
[
HBuilderX
](
http://www.dcloud.io/hbuilderx.html
)
,直接运行即可
## 使用须知
1.
页面样式主要在common/common.css
2.
数据在页面的methods->getData里获取,替换里面的链接及参数即可
3.
接口返回的字段根据已固定,若替换接口也要替换相应的字段名,页面才能正常渲染
3.
页面的分享需配置自己的appid等信息
examples/image-template/common/common.css
浏览文件 @
bf64eefb
...
...
@@ -373,6 +373,7 @@ button.register {
}
.detail-btn-view
view
{
opacity
:
0.75
;
height
:
80px
;
border-radius
:
80px
;
width
:
80px
;
...
...
examples/image-template/pages.json
浏览文件 @
bf64eefb
{
"pages"
:
[{
"pages"
:
[{
//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
"path"
:
"pages/new/new"
,
"style"
:
{
"navigationBarTitleText"
:
"最新"
,
...
...
@@ -17,6 +17,7 @@
"navigationBarTitleText"
:
"详情"
,
"navigationBarBackgroundColor"
:
"#000000"
,
"app-plus"
:{
"bounce"
:
"none"
,
"titleNView"
:{
"buttons"
:[{
"fontSrc"
:
"/static/icon.ttf"
,
...
...
examples/image-template/pages/detail/detail.vue
浏览文件 @
bf64eefb
...
...
@@ -25,7 +25,8 @@
screenHeight
:
0
,
imgLength
:
0
,
providerList
:
[],
data
:
[]
data
:
[],
detailDec
:
""
}
},
onLoad
(
e
)
{
...
...
@@ -36,6 +37,7 @@
// #endif
this
.
screenHeight
=
uni
.
getSystemInfoSync
().
windowHeight
;
console
.
log
(
e
.
data
);
this
.
detailDec
=
e
.
data
;
let
data
=
JSON
.
parse
(
e
.
data
);
this
.
imgLength
=
data
.
img_num
;
this
.
data
.
push
(
data
.
img_src
);
...
...
@@ -78,6 +80,13 @@
}
});
},
onShareAppMessage
()
{
return
{
title
:
"
欢迎使用uni-app看图模板
"
,
path
:
'
/pages/detail/detail?data=
'
+
this
.
detailDec
,
imageUrl
:
this
.
data
[
this
.
index
]
}
},
onNavigationBarButtonTap
(
e
)
{
if
(
this
.
providerList
.
length
===
0
)
{
uni
.
showModal
({
...
...
@@ -217,7 +226,7 @@
success
:
(
res
)
=>
{
if
(
res
.
data
.
code
!==
0
)
{
uni
.
showModal
({
content
:
"
请求失败,
请重试!
"
,
content
:
"
请求失败,
失败原因:
"
+
res
.
data
.
msg
,
showCancel
:
false
})
return
;
...
...
examples/image-template/pages/hot/hot.vue
浏览文件 @
bf64eefb
...
...
@@ -76,7 +76,7 @@
methods
:
{
getData
()
{
uni
.
request
({
url
:
'
http://uniapp.dcloud.io/tuku/posts.php?page=
'
+
(
this
.
refreshing
?
1
:
this
.
fetchPageNum
)
+
'
&per_page=10
'
,
url
:
'
http
s
://uniapp.dcloud.io/tuku/posts.php?page=
'
+
(
this
.
refreshing
?
1
:
this
.
fetchPageNum
)
+
'
&per_page=10
'
,
success
:
(
ret
)
=>
{
if
(
ret
.
statusCode
!==
200
)
{
console
.
log
(
"
请求失败:
"
,
ret
)
...
...
examples/image-template/pages/new/new.vue
浏览文件 @
bf64eefb
...
...
@@ -75,7 +75,7 @@
methods
:
{
getData
()
{
uni
.
request
({
url
:
'
http://uniapp.dcloud.io/tuku/posts.php?page=
'
+
(
this
.
refreshing
?
1
:
this
.
fetchPageNum
)
+
'
&per_page=5
'
,
url
:
'
http
s
://uniapp.dcloud.io/tuku/posts.php?page=
'
+
(
this
.
refreshing
?
1
:
this
.
fetchPageNum
)
+
'
&per_page=5
'
,
success
:
(
ret
)
=>
{
console
.
log
(
"
data
"
,
ret
);
if
(
ret
.
statusCode
!==
200
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录