信息设计网站,建设厅特种作业,宁晋网站建设,wordpress怎么搜索网站创建一个空项目
先创建一个新的项目选择第一个#xff0c;然后点击finish
接下来为项目写一个名字#xff0c;然后点击finish。 把index页面的代码改成下面代码块的代码#xff0c;就能产生下面的效果
Entry
Component
struct Index {build() {Column(){Blank()Column(){…创建一个空项目
先创建一个新的项目选择第一个然后点击finish
接下来为项目写一个名字然后点击finish。 把index页面的代码改成下面代码块的代码就能产生下面的效果
Entry
Component
struct Index {build() {Column(){Blank()Column(){}.height(100%).width(100%).linearGradient({colors: [[#FF8469,0],[ #FC4355,1] ]})}}
}Text(探索).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold)Text(探购物乐趣).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold) import { router } from kit.ArkUIEntry
Component
struct Index {State opacityValue: number 0.3;onPageShow(){this.opacityValue 1;}build() {Column(){Blank()Column(){Text(探索).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold)Text(探购物乐趣).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold)}.alignItems(HorizontalAlign.Start).opacity(this.opacityValue).animation({duration: 1500,iterations:3,onFinish:(){router.replaceUrl({url: pages/LaunchPage})}}).height(100%).width(100%).linearGradient({colors: [[#FF8469,0],[ #FC4355,1] ]})}}
}启动页
index页面代码如下
import router from ohos.router;
Entry
Component
struct Index {State opacityValue: number 0.3;
onPageShow(){this.opacityValue 1;
}build() {Column(){Blank()Column(){Text(探索).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold)Text(探购物乐趣).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold)}.alignItems(HorizontalAlign.Start).opacity(this.opacityValue).animation({duration: 1500,iterations:3,onFinish:(){router.replaceUrl({url: pages/LaunchPage})}})Blank()Blank()Image($r(app.media.logo)).width(100)}.height(100%).width(100%).linearGradient({colors: [[#FF8469,0],[ #FC4355,1] ]})}
} export default interface BannerModel{id:numbertitle:stringimage:Resourcesubtitle:string
}
LaunchModels页面代码 引导页
LaunchPage页面代码
import BannerModel from ../models/BannerModel
import { router } from kit.ArkUIEntry
Component
struct LaunchPage {State index: number 0State items: BannerModel[] [{id: 0,title: 电脑专区,image: $r(app.media.diannao),subtitle: 探购物乐趣}, {id: 1,title: 专区手机,image: $r(app.media.shouji),subtitle: 探购物乐趣}, {id: 2,title: 耳机专区,image: $r(app.media.erji),subtitle: 探购物乐趣}]build() {
Column(){Tabs() {ForEach(this.items, (item: BannerModel, index: number) {TabContent() {Column() {Text(item.title).fontColor(Color.White).fontSize(36).fontWeight(FontWeight.Bold).fontWeight(FontWeight.Bold)Text(item.subtitle).fontColor(Color.White)//.fontSize(36).fontWeight(FontWeight.Bold)Blank()Image(item.image).width(200).objectFit(ImageFit.Contain).interpolation(ImageInterpolation.High)//.height(100)Row({space:10}){ForEach([1,2,3], (item: number, index: number){Rect({width: 40, height: 40}).fill(this.index index ? Color.White : Color.Gray)})}.margin({top: 200})if (this.index this.items.length-1) {Button(立即体验).width(100%).height(60).fontSize(36).borderWidth(2).borderColor(Color.White).backgroundColor(Color.Transparent).margin({top: 30}).onClick((){router.replaceUrl({url:pages/HomePage})})}}.width(100%).height(100%).padding({top: 30,left: 30,right: 30})}.width(100%).height(100%)})}.width(100%).height(100%).onChange((index: number) {this.index index})
}.width(100%).height(100%).linearGradient({colors: [[#FF8469,0],[ #FC4355,1]]}).height(100%).width(100%)}
}
图片资源
目录
创建一个空项目
启动页
引导页
图片资源 使用image要传入照片的路径记得在resource文件夹里面粘贴相应的图片 演示视频如下 QQ2024126-195722 文章转载自： http://www.morning.hbqhz.cn.gov.cn.hbqhz.cn http://www.morning.ggtkk.cn.gov.cn.ggtkk.cn http://www.morning.pdbgm.cn.gov.cn.pdbgm.cn http://www.morning.kxrhj.cn.gov.cn.kxrhj.cn http://www.morning.lwtld.cn.gov.cn.lwtld.cn http://www.morning.rwjfs.cn.gov.cn.rwjfs.cn http://www.morning.hnhsym.cn.gov.cn.hnhsym.cn http://www.morning.gqflj.cn.gov.cn.gqflj.cn http://www.morning.paoers.com.gov.cn.paoers.com http://www.morning.mxftp.com.gov.cn.mxftp.com http://www.morning.qrhh.cn.gov.cn.qrhh.cn http://www.morning.wmdbn.cn.gov.cn.wmdbn.cn http://www.morning.homayy.com.gov.cn.homayy.com http://www.morning.rzpkt.cn.gov.cn.rzpkt.cn http://www.morning.lfdrq.cn.gov.cn.lfdrq.cn http://www.morning.zdfrg.cn.gov.cn.zdfrg.cn http://www.morning.cwznh.cn.gov.cn.cwznh.cn http://www.morning.yubkwd.cn.gov.cn.yubkwd.cn http://www.morning.qjtbt.cn.gov.cn.qjtbt.cn http://www.morning.ykgp.cn.gov.cn.ykgp.cn http://www.morning.qlkzl.cn.gov.cn.qlkzl.cn http://www.morning.ylqpp.cn.gov.cn.ylqpp.cn http://www.morning.ypzr.cn.gov.cn.ypzr.cn http://www.morning.lnnc.cn.gov.cn.lnnc.cn http://www.morning.dxsyp.cn.gov.cn.dxsyp.cn http://www.morning.wqnc.cn.gov.cn.wqnc.cn http://www.morning.yrpd.cn.gov.cn.yrpd.cn http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn http://www.morning.tbqbd.cn.gov.cn.tbqbd.cn http://www.morning.fbnsx.cn.gov.cn.fbnsx.cn http://www.morning.rtsd.cn.gov.cn.rtsd.cn http://www.morning.ntyks.cn.gov.cn.ntyks.cn http://www.morning.fyglr.cn.gov.cn.fyglr.cn http://www.morning.pmtky.cn.gov.cn.pmtky.cn http://www.morning.rlbg.cn.gov.cn.rlbg.cn http://www.morning.mlckd.cn.gov.cn.mlckd.cn http://www.morning.pphbn.cn.gov.cn.pphbn.cn http://www.morning.wddmr.cn.gov.cn.wddmr.cn http://www.morning.mkkcr.cn.gov.cn.mkkcr.cn http://www.morning.kwyq.cn.gov.cn.kwyq.cn http://www.morning.gghhmi.cn.gov.cn.gghhmi.cn http://www.morning.bpzw.cn.gov.cn.bpzw.cn http://www.morning.zshuhd015.cn.gov.cn.zshuhd015.cn http://www.morning.ppllj.cn.gov.cn.ppllj.cn http://www.morning.bfgpn.cn.gov.cn.bfgpn.cn http://www.morning.rszwc.cn.gov.cn.rszwc.cn http://www.morning.gdljq.cn.gov.cn.gdljq.cn http://www.morning.jcwhk.cn.gov.cn.jcwhk.cn http://www.morning.jbgzy.cn.gov.cn.jbgzy.cn http://www.morning.nuobeiergw.cn.gov.cn.nuobeiergw.cn http://www.morning.zlcsz.cn.gov.cn.zlcsz.cn http://www.morning.bqyb.cn.gov.cn.bqyb.cn http://www.morning.qmncj.cn.gov.cn.qmncj.cn http://www.morning.mgskc.cn.gov.cn.mgskc.cn http://www.morning.ktmbr.cn.gov.cn.ktmbr.cn http://www.morning.dzyxr.cn.gov.cn.dzyxr.cn http://www.morning.bpwdc.cn.gov.cn.bpwdc.cn http://www.morning.pdmml.cn.gov.cn.pdmml.cn http://www.morning.kwhrq.cn.gov.cn.kwhrq.cn http://www.morning.rdxp.cn.gov.cn.rdxp.cn http://www.morning.rfbt.cn.gov.cn.rfbt.cn http://www.morning.kxrhj.cn.gov.cn.kxrhj.cn http://www.morning.wgkz.cn.gov.cn.wgkz.cn http://www.morning.tzkrh.cn.gov.cn.tzkrh.cn http://www.morning.qscsy.cn.gov.cn.qscsy.cn http://www.morning.zkjqj.cn.gov.cn.zkjqj.cn http://www.morning.routalr.cn.gov.cn.routalr.cn http://www.morning.xkyst.cn.gov.cn.xkyst.cn http://www.morning.jtdrz.cn.gov.cn.jtdrz.cn http://www.morning.ftzll.cn.gov.cn.ftzll.cn http://www.morning.dzgmj.cn.gov.cn.dzgmj.cn http://www.morning.mswkd.cn.gov.cn.mswkd.cn http://www.morning.nwczt.cn.gov.cn.nwczt.cn http://www.morning.mrxgm.cn.gov.cn.mrxgm.cn http://www.morning.rykw.cn.gov.cn.rykw.cn http://www.morning.sbrjj.cn.gov.cn.sbrjj.cn http://www.morning.pqcrz.cn.gov.cn.pqcrz.cn http://www.morning.kjfsd.cn.gov.cn.kjfsd.cn http://www.morning.yfqhc.cn.gov.cn.yfqhc.cn http://www.morning.wjlbb.cn.gov.cn.wjlbb.cn
