uni-app 预览并使用模板

一、预览

1.作者是使用Hbuilder X 编辑器

2.文件---新建---项目---uni-app---Hello uni-app

3.找到App.vue---运行---运行到小程序模拟器（就可预览uni-app自带的组件了）

二、使用

1.在第一步预览的时候看到了想要使用的组件（例如作者想要用---模板---滚动广告---竖向滚动）

2.在项目下面---page---template---scrollmsg

3.复制template代码

<view class="uni-title uni-common-mt">
竖向滚动
</view>
<view class="uni-swiper-msg"><view class="uni-swiper-msg-icon"><image src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png" mode="widthFix"></image></view><swiper vertical="true" autoplay="true" circular="true" interval="3000"><swiper-item v-for="(item, index) in msg" :key="index"><navigator>{{item}}</navigator></swiper-item></swiper>
</view>

3.复制script代码

export default {data() {return {title:"滚动公告",msg : ['uni-app行业峰会频频亮相，开发者反响热烈','DCloud完成B2轮融资，uni-app震撼发布','36氪热文榜推荐、CSDN公号推荐 DCloud CEO文章']}}
}

4.找到项目下面的App.vue，查看style代码，将以下代码中引入的uni.css在项目中找到，并将css复制到自己项目中去

 /* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */@import './common/uni.css';

注意：作者引用的这个css中，有一个uni.ttf的图片，所以也将图片复制到自己项目中去了，否则会报错，自己也可以通过看报错排查问题哦

uni-app 预览并使用模板相关推荐

iPhone App创建与审核步骤二：如何在developer.apple.com网站中设置App预览和截屏以完成App上架
iPhone App创建与审核步骤二:如何在developer.apple.com网站中设置App预览和截屏以完成App上架,根据图标规范RAD Studio 10.4 for delphi XE 或 ...
App预览制作，看我就够了
序: 概览 : App 预览使用录屏的内容来展示您的 app 的特性,功能,以及用户界面.您可以为您的 app 支持的每种语言展示最多三个 App 预览,每段预览视频的时长可达 30 ...
捕获iOS模拟器视频以进行App预览
本文翻译自:Capture iOS Simulator video for App Preview Okay, so we can now submit video previews of our a ...
IOS之上传App预览和截屏规范
App 预览规范官方规范:https://help.apple.com/app-store-connect/?lang=zh-cn#/dev4e413fcb8 App 截屏规范官方规范:https ...
APPStore版本更新时，App 预览和屏幕快照规则以及经验。
对于需要演示视频的APP,在版本更新时,如果App 预览和屏幕快照没有更改,那么更新版本时会很顺畅很快,但是如果App 预览和屏幕快照更新了,那么APP肯定会重新审核的,对应的演示视频也要更新,否则就 ...
Apple Store Connect App 预览和截屏提示：“载入此图像时错误“
App 预览和截屏上传图片错误,提示:"载入此图像时错误" 最近在做苹果应用审核,发现 App 预览和截屏上传图片一直上传不了. 尝试了尺寸.格式.浏览器(谷歌和safari). ...
IOS 制作app 预览视频
1 需要的工具: 1 录视频工具: QuickTime Player 或者 imove 2 视频转换工具:格式工厂4.10 2 视频录制 1 ipad连接mac 电脑 2 ipad实时预览 ...
前端学习（2772）：uni图片预览
AppStore上线审核“App预览和截屏”chrome上的截屏参数
由于chrome上没有"iPhone XS Max.iPhone XR"模拟设备分辨率, 所有已下是正对"iPhone XS Max.iPhone XR"尺寸的 ...

uni-app 预览并使用模板

uni-app 预览并使用模板相关推荐

最新文章

热门文章