Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
fc16aff4
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6006
Star
91
Fork
164
代码
文件
提交
分支
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看板
提交
fc16aff4
编写于
7月 06, 2023
作者:
DCloud-yinjiacheng
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新image示例
上级
8b066d03
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
55 addition
and
0 deletion
+55
-0
pages.json
pages.json
+6
-0
pages/component/image/image-large.uvue
pages/component/image/image-large.uvue
+41
-0
pages/component/image/image.uvue
pages/component/image/image.uvue
+8
-0
未找到文件。
pages.json
浏览文件 @
fc16aff4
...
@@ -108,6 +108,12 @@
...
@@ -108,6 +108,12 @@
"style"
:
{
"style"
:
{
"navigationBarTitleText"
:
"image-path"
"navigationBarTitleText"
:
"image-path"
}
}
},
{
"path"
:
"pages/component/image/image-large"
,
"style"
:
{
"navigationBarTitleText"
:
"image-large"
}
},
},
{
{
"path"
:
"pages/component/web-view/web-view"
,
"path"
:
"pages/component/web-view/web-view"
,
...
...
pages/component/image/image-large.uvue
0 → 100644
浏览文件 @
fc16aff4
<template>
<view>
<page-head :title="title"></page-head>
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-title">
<text class="uni-title-text">大图示例</text>
</view>
<view class="uni-common-mt" v-for="_ in 10">
<text class="uni-subtitle-text">width={{width}}px height={{height}}px memory={{memory}}MB</text>
<image class="image" mode="widthFix" :src="src" @load="load"></image>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'image-large',
src: 'https://native-res.dcloud.net.cn/uni-app-x/static/img/building.jpg',
width: 0,
height: 0,
memory: 0
}
},
methods: {
load(event : ImageLoadEvent) {
this.width = event.detail.width;
this.height = event.detail.height;
this.memory = Math.round(this.width * this.height * 4 / 1024 / 1024 * 100) / 100;
}
}
}
</script>
<style>
.image {
width: 100%;
}
</style>
\ No newline at end of file
pages/component/image/image.uvue
浏览文件 @
fc16aff4
...
@@ -14,6 +14,9 @@
...
@@ -14,6 +14,9 @@
</view>
</view>
<view class="uni-btn-v">
<view class="uni-btn-v">
<button type="primary" @tap="imagePath">图片路径示例</button>
<button type="primary" @tap="imagePath">图片路径示例</button>
</view>
<view class="uni-btn-v">
<button type="primary" @tap="imageLarge">大图示例</button>
</view>
</view>
</view>
</view>
</view>
</view>
...
@@ -46,6 +49,11 @@
...
@@ -46,6 +49,11 @@
uni.navigateTo({
uni.navigateTo({
url: '/pages/component/image/image-path'
url: '/pages/component/image/image-path'
});
});
},
imageLarge() {
uni.navigateTo({
url: '/pages/component/image/image-large'
});
}
}
}
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录