HarmonyOS（鸿蒙）开发工具 DevEco Studio app（应用）生成 仿个人手机管家 ...

一、首页：广告页（3秒后自动跳转）

图1-1

二：登岸页面（输入后跳转）

图2-1

 三：app重要页面

 

图3-1                                             图3-2

图3-3                                              图3-4

图3-5                                              图3-6

 四：补充说明

1.登岸页面图2-1涉及到传值到下一个页面的题目，在图2-1与图3-1中能够表现，昵称:AD，详情请观看代码
2.图3-2中有自定义弹窗

图4-1

3.某些图片中显示未显示完全，其实是有滚动效果，详情请观看代码
4.如果以为图片笔墨不清晰，是截图工具的题目，笔墨本身没有题目
五、开发工具自带模子机视频展示

如果观看不了可进入看个人主页观看（嘿嘿，第一次弄）

     展示
   
六、源码

图1-1：广告页面

ArkUI框架
文件名：AD.ets

1. import { router } from '@kit.ArkUI'
3. @Entry       //装饰器，代表是该页面的入口
4. @Component  //装饰器，代表自定义组件（一个页面是由多个自定义组件组成）
5. struct Index {  //struct 关键字 组件 Index 自定义组件的组件名
8.   build() {                       //结构体，也叫函数
9.     Column(){
10.       Image($r("app.media.mount"))  //加载图片
11.         .width("100%")              //图片宽度与高度设定
12.         .height("100%")
14.     }
15.     .height('100%')
16.     .width('100%')
17.   }onPageShow(){            //页面显示
18.     setTimeout(()=>{
19.       router.pushUrl({       //跳转
20.         url: "pages/denglu" //所跳转的页面
21.       })
23.     },3000)               //3秒后执行
24.   }
26. }

复制代码

 图2-1：登岸页面

文件名：denglu.ets

1. import { Prompt, router } from '@kit.ArkUI';
3. export  class Person{     //导出，供别人使用
4.   name:string
5.   constructor(nname:string) { //将数值传入name
6.     this.name=nname
7.   }
8. }
9. @Entry  //装饰器，页面的入口组件
10. @Component  //装饰器，代表自定义组件
11. struct Indexa { //struct 关键字 组件 Indexa 自定义组件的组件名
12.   @State message: string = '';  //传入所输入的内容至message
14.   build() {
15.     Column(){
17.       TextInput({placeholder:'请输入昵称'}).type(InputType.Normal)//文字输入框
18.         .height("8%") //高度
19.         .fontSize(25) //所输入文字大小
20.         .fontColor(Color.White) //所输入文字颜色
21.         .placeholderColor(Color.White)                //默认文字颜色
22.         .placeholderFont({size:20})   //默认文字样式
23.         .caretColor(Color.Yellow)        //光标颜色
24.         .onChange((value:string)=>{        //输入的字符串
25.           this.message=value
26.         })
27.         .margin({top:"90%"}) //外间距
28.         .borderWidth(2) //边框大小
29.         .borderColor(Color.Black)//边框颜色
31.       Button("确认")  //按钮
32.         .fontSize(20)
33.         .backgroundColor("#95e89b") //背景颜色
34.         .fontColor(Color.Black) //文字颜色
35.         .width("20%")
36.         .onClick(()=>{
37.           const mt:Person=new Person(this.message) //注册传导结构体，将所输入字符串传到所定义结构体
39.           if(this.message!="") {   //所输入非空
40.             router.pushUrl({ //跳转
41.               url:"pages/Index",
42.               params:mt   //传递信息（结构体）
43.             })
44.             Prompt.showToast({
45.               //吐司
46.               message: "欢迎您，" + this.message + "!", //吐司内容
47.               duration: 3000//显示持续时间  单位毫秒
49.             })
50.           }
51.           else{//所输入为空
52.             Prompt.showToast({
53.               //吐司
54.               message: "！！！昵称不能为空", //吐司内容
55.               duration: 3000//显示持续时间  单位毫秒
57.             })
58.           }
60.         })
61.         .margin({top:"30%"})
62.     }.backgroundImage($r("app.media.mount1"))
63.     .backgroundImageSize(ImageSize.Cover)
64.     .height('100%')
65.     .width('100%')
66.   }
67. }

复制代码

图3-1与图3-2：

文件名：Index.ets

1. import { router } from '@kit.ArkUI'       //导包
2. import { Person } from './denglu'
5. @Entry  //装饰器，代表是该页面的入口
6. @Component  //装饰器，代表自定义组件（一个页面是由多个自定义组件组成）
7. struct msds{//struct 关键字 组件 msds 自定义组件的组件名
9.   controller1: CustomDialogController = new CustomDialogController({  //注册控制器（自定义弹窗）
10.     builder: CustomDialogText(),    //弹窗内容
11.     alignment: DialogAlignment.Center,  //对齐方式
12.     offset:{dx: 0, dy: -10},      //出现位置
13.     backgroundColor:"#858b85",    //背景颜色
14.     cornerRadius:20,    //弹窗弧度
15.     //maskColor:Color.Black,    //遮盖颜色，即除弹窗外的屏幕其他区域
16.     borderColor:Color.Black     //边框颜色
17.   })
18.   controller2: CustomDialogController = new CustomDialogController({
19.     builder: CustomDialogText1(),
20.     alignment: DialogAlignment.Center,
21.     offset:{dx: 0, dy: -10},
22.     backgroundColor:"#858b85",
23.     cornerRadius:20,
24.     //maskColor:Color.Black,
25.     borderColor:Color.Black
26.   })
27.   controller3: CustomDialogController = new CustomDialogController({
28.     builder: CustomDialogText2(),
29.     alignment: DialogAlignment.Center,
30.     offset:{dx: 0, dy: -10},
31.     backgroundColor:"#858b85",
32.     cornerRadius:20,
33.     //maskColor:Color.Black,
34.     borderColor:Color.Black
35.   })
36.   controller4: CustomDialogController = new CustomDialogController({
37.     builder: CustomDialogText3(),
38.     alignment: DialogAlignment.Center,
39.     offset:{dx: 0, dy: -10},
40.     backgroundColor:"#858b85",
41.     cornerRadius:20,
42.     //maskColor:Color.Black,
43.     borderColor:Color.Black
44.   })
45.   private swiperController:SwiperController =new SwiperController()   //注册轮播控制器
46.   scrmy:Scroller=new Scroller()   //注册滚动器
47.   @State currentIndex:number=0    //菜单标号
48.   @State chuan:Person=router.getParams() as Person    //传输结构体注册
49.   private controller:TabsController=new TabsController()    //注册菜单控制器
50.   @Builder TabBuilder(title:string,targetIndex:number,selectedImg:Resource,normalImg:Resource){//定义菜单的内部逻辑
51.     Column(){
52.       Image(this.currentIndex===targetIndex ? selectedImg : normalImg).size({width:25,height:25})//点击菜单图片改变并定义图片大小
53.       Text(title).fontColor(this.currentIndex===targetIndex?"#1698CE":"#6B6B6B")  //点击菜单文字改变
54.         .fontSize(15)//定义文字大小
55.     }.width("100%").height(50).justifyContent(FlexAlign.Center)//内容对齐方式：中心
56.   }
57.   build(){
58.     Tabs({barPosition:BarPosition.End,controller:this.controller}){//导航栏位置
59.       TabContent(){
60.         Column(){
61.           Row(){
62.             Text("i 管家")  //文字框
63.               .width("80%") //文字框宽高
64.               .height("100%")
65.               .fontSize(30)   //文字大小
66.               .fontWeight(FontWeight.Bold)//文字样式：加粗
67.               .fontColor(Color.White)//文字颜色
68.               .margin({left:"5%"})//边框外间距
69.             Button()//按钮
70.               .backgroundColor(Color.Black) //背景颜色
71.               .width("10%")
72.               .height("80%")
73.               .backgroundImage($r("app.media.F_1"))//背景图片加载
74.               .backgroundImageSize(ImageSize.Contain)//背景图片大小
76.               .onClick(()=>{  //点击做出相应改变
77.                 router.pushUrl({  //跳转至相应页面
78.                   url:"pages/set1"
79.                 })
81.               })
82.           }.width("100%").height("8%")
83.           Row(){
84.             Column(){
85.               Row(){
86.                 Text("欢迎您，"+this.chuan.name+"！")
87.                   .fontSize(23)
88.                   .width("100%")
89.                   .height("20%")
90.                   .textAlign(TextAlign.Center)
91.                   .fontColor(Color.White)
92.               }
93.               Row(){
94.             Text("100")
95.               .width("38%")
96.               .height("80%")
97.               .fontSize(70)
98.               .fontWeight(FontWeight.Bold)
99.               .fontColor(Color.White)
100.               .padding({left:"%2"})//文字内间距
101.               .textAlign(TextAlign.End)//文字对齐方式
102.             Text("分")
103.               .width("2%")
104.               .height("80%")
105.               .fontSize(20)
106.               .fontWeight(FontWeight.Bold)
107.               .fontColor(Color.White)
108.               .margin({left:"5%"})
109.               .textAlign(TextAlign.Start)
110.               .padding({bottom:"15%"})
111.             Button("继续优化")
112.               .width("30%")
113.               .height("25%")
114.               .backgroundColor("#42cc9e")
115.               .fontSize(18)
116.               .fontWeight(FontWeight.Bold)
117.               .fontColor(Color.White)
118.               .margin({left:"22%"})
120.             }
121.             }
122.           }.width("100%").height("30%")
123.           Row(){
124.             Column(){
125.               Text("空间清理")
126.                 .width("100%")
127.                 .height("15%")
128.                 .fontSize(25)
129.                 .fontWeight(FontWeight.Bold)
130.                 .fontColor(Color.White)
131.                 .padding({left:0})
132.                 .textAlign(TextAlign.Start)
133.                 .margin({top:10})
134.                 .padding({left:"8%"})
135.               Text("0.92GB垃圾清理")
136.                 .width("100%")
137.                 .height("15%")
138.                 .fontSize(15)
139.                 .fontWeight(FontWeight.Bold)
140.                 .fontColor("#c14c4c")
141.                 .padding({left:0})
142.                 .textAlign(TextAlign.Start)
143.                 .margin({top:5})
144.                 .padding({left:"8%"})
146.               Text("")
147.                 .width("100%")
148.                 .height("60%")
149.                 .backgroundImage($r("app.media.F_2_1"))
150.                 .backgroundImageSize(ImageSize.FILL)
151.             }.width("45%").height("100%").backgroundColor("#5a2c2c").margin({left:"3%"})
152.             Column(){
153.               Text("安全检测")
154.                 .width("100%")
155.                 .height("15%")
156.                 .fontSize(25)
157.                 .fontWeight(FontWeight.Bold)
158.                 .fontColor(Color.White)
159.                 .padding({left:0})
160.                 .textAlign(TextAlign.Start)
161.                 .margin({top:10})
162.                 .padding({left:"8%"})
163.               Text("手机安全防护")
164.                 .width("100%")
165.                 .height("15%")
166.                 .fontSize(15)
167.                 .fontWeight(FontWeight.Bold)
168.                 .fontColor(Color.Gray)
169.                 .padding({left:0})
170.                 .textAlign(TextAlign.Start)
171.                 .margin({top:5})
172.                 .padding({left:"8%"})
175.               Text("")
176.                 .width("100%")
177.                 .height("60%")
178.                 .backgroundImage($r("app.media.F_2_2"))
179.                 .backgroundImageSize(ImageSize.FILL)
180.             }.width("45%").height("100%").backgroundColor("#5a2c2c").margin({left:"4%"})
181.           }.width("100%").height("25%")
182.           Row(){
183.             Column(){
184.               Text("流量管理")
185.                 .width("100%")
186.                 .height("40%")
187.                 .fontSize(20)
188.                 .fontWeight(FontWeight.Bold)
189.                 .fontColor(Color.White)
190.                 .padding({left:20})
192.                 .margin({top:10})
194.               Text("15.69GB已使用")
195.                 .width("100%")
196.                 .height("15%")
197.                 .fontSize(15)
198.                 .fontWeight(FontWeight.Bold)
199.                 .fontColor("#c14c4c")
200.                 .padding({left:20})
202.                 .margin({top:5})
205.               Text("")
206.                 .width("100%")
207.                 .height("45%")
208.             }.width("45%").height("100%").backgroundColor("#5a2c2c").margin({left:"3%"})
209.             Column(){
210.               Text("应用管理")
211.                 .width("100%")
212.                 .height("40%")
213.                 .fontSize(20)
214.                 .fontWeight(FontWeight.Bold)
215.                 .fontColor(Color.White)
216.                 .padding({left:20})
218.                 .margin({top:10})
221.               Text("应用与权限管理")
222.                 .width("100%")
223.                 .height("15%")
224.                 .fontSize(15)
225.                 .fontWeight(FontWeight.Bold)
226.                 .fontColor(Color.Gray)
227.                 .padding({left:20})
229.                 .margin({top:5})
233.               Text("")
234.                 .width("100%")
235.                 .height("45%")
236.             }.width("45%").height("100%").backgroundColor("#5a2c2c").margin({left:"4%"})
237.           }.width("100%").height("10%")
238.           Row(){
239.             Column() {
240.               Row() {
241.                 Text("推荐工具").width("100%").height("100%")
242.                   .fontSize(15)
243.                   .fontColor(Color.Gray)
244.                     .padding({left:20,bottom:10})
245.               }.width("100%").height("18%")
246.               Row() { Swiper(this.swiperController){ //轮播
248.                 Column() {
249.                   Text("隐私保护")
250.                     .width("90%")
251.                     .height("20%")
252.                     .fontColor(Color.Green)
253.                     .fontSize(25)
254.                     .fontWeight(FontWeight.Bold)
255.                     .padding({left:70,top:20})
256.                   Text("保护个人信息，避免隐私泄露")
257.                     .width("90%")
258.                     .height("40%")
259.                     .fontColor(Color.Gray)
260.                     .fontSize(15)
261.                     .fontWeight(FontWeight.Bold)
262.                     .padding({left:70,top:0})
265.                 }.margin({left:"5%",right:"5%"}).backgroundColor(Color.White).borderRadius(20).backgroundImage($r("app.media.F_3_1")).backgroundImageSize({width:70,height:60},).backgroundImagePosition(Alignment.Start)
266.                 .onClick(()=>{
267.                   router.pushUrl({
268.                     url:"pages/yinsibaohu"
269.                   })
270.                 })
271.                 Column() {
272.                   Text("紧急呼叫")
273.                     .width("90%")
274.                     .height("20%")
275.                     .fontColor(Color.Green)
276.                     .fontSize(25)
277.                     .fontWeight(FontWeight.Bold)
278.                     .padding({left:70,top:20})
279.                   Text("开启紧急呼叫，危急时刻救援")
280.                     .width("90%")
281.                     .height("40%")
282.                     .fontColor(Color.Gray)
283.                     .fontSize(15)
284.                     .fontWeight(FontWeight.Bold)
285.                     .padding({left:70,top:0})
288.                 }.margin({left:"5%",right:"5%"}).backgroundColor(Color.White).borderRadius(20).backgroundImage($r("app.media.F_3_2")).backgroundImageSize({width:70,height:60},).backgroundImagePosition(Alignment.Start)
289.                 .onClick(()=>{
290.                   router.pushUrl({
291.                     url:"pages/jinjihujiao"
292.                   })
293.                 }).onClick(()=>{
294.                   router.pushUrl({
295.                     url:"pages/jinjihujiao"
296.                   })
297.                 })
298.                 Column() {
299.                   Text("防骗中心")
300.                     .width("90%")
301.                     .height("20%")
302.                     .fontColor(Color.Green)
303.                     .fontSize(25)
304.                     .fontWeight(FontWeight.Bold)
305.                     .padding({left:70,top:20})
306.                   Text("诈骗预警，风险查询")
307.                     .width("90%")
308.                     .height("40%")
309.                     .fontColor(Color.Gray)
310.                     .fontSize(15)
311.                     .fontWeight(FontWeight.Bold)
312.                     .padding({left:70,top:0})
315.                 }.margin({left:"5%",right:"5%"}).backgroundColor(Color.White).borderRadius(20).backgroundImage($r("app.media.F_3_3")).backgroundImageSize({width:70,height:60},).backgroundImagePosition(Alignment.Start)
316.                 .onClick(()=>{
317.                   router.pushUrl({
318.                     url:"pages/fangzhazhongxin"
319.                   })
320.                 })
321.               }.width("100%")
322.               .autoPlay(false) //自动轮播
323.               .interval(2000) //轮播间隔
324.               .vertical(false)//轮播方向
325.               .indicator(false)//是否要有指示器，圆点
326.               .loop(false)  //是否要循环
327.               .displayCount(1)//每页显示个数
328.               }.width("100%")
330.             }
331.           }.width("100%").height("25%")
332.         }.width("100%").height("100%").backgroundColor(Color.Black)
333.       }.tabBar(this.TabBuilder("手机管理",0,$r("app.media.E11"),$r("app.media.E12")))
334.       TabContent(){//菜单内容
335.         Column(){
336.           Row(){
337.             Text("实用工具")
338.               .width("80%")
339.               .height("100%")
340.               .fontSize(30)
341.               .fontWeight(FontWeight.Bold)
342.               .fontColor(Color.White)
343.               .margin({left:"5%"})
344.             Button()
345.               .backgroundColor(Color.Black)
346.               .width("10%")
347.               .height("80%")
348.               .backgroundImage($r("app.media.F_1"))
349.               .backgroundImageSize(ImageSize.Contain)
350.               .margin("")
351.               .onClick(()=>{
352.                 router.pushUrl({
353.                   url:"pages/set1"
354.                 })
356.               })
357.           }.width("100%").height("8%")
358.           Scroll(this.scrmy)  {//滚动
359.             Column(){
360.           Row(){
361.             Column(){
362.             Text("常用工具")
363.               .width("100%").height("20%")
364.               .fontColor(Color.Gray)
365.               .fontSize(15)
366.               .padding({})
367.               .margin({top:"10%"})
368.             Row(){
369.               Text("电池管理")
370.                 .textAlign(TextAlign.Center)
371.                 .width("21%").height("50%")
372.                 .fontColor(Color.White)
373.                 .fontSize(11)
374.                 .padding({top:35})
375.               .backgroundColor("#574646")
376.                 .borderRadius(15)
377.                 .backgroundImage($r("app.media.S_1_1"))
378.                 .backgroundImageSize({width:35,height:35},)
379.                 .backgroundImagePosition(Alignment.Top)
380.                 .margin({left:"0%",bottom:"10%"})
382.               Text("手机降温")
383.                 .textAlign(TextAlign.Center)
384.                 .width("21%").height("50%")
385.                 .fontColor(Color.White)
386.                 .fontSize(11)
387.                 .padding({top:35})
388.                 .backgroundColor("#574646")
389.                 .borderRadius(15)
390.                 .backgroundImage($r("app.media.S_1_2"))
391.                 .backgroundImageSize({width:35,height:35},)
392.                 .backgroundImagePosition(Alignment.Top)
393.                 .margin({left:"5%",bottom:"10%"})
394.               Text("骚扰拦截")
395.                 .textAlign(TextAlign.Center)
396.                 .width("21%").height("50%")
397.                 .fontColor(Color.White)
398.                 .fontSize(11)
399.                 .padding({top:35})
400.                 .backgroundColor("#574646")
401.                 .borderRadius(15)
402.                 .backgroundImage($r("app.media.S_1_3"))
403.                 .backgroundImageSize({width:35,height:35},)
404.                 .backgroundImagePosition(Alignment.Top)
405.                 .margin({left:"5%",bottom:"10%"})
406.               Text("健康使用设备")
407.                 .textAlign(TextAlign.Center)
408.                 .width("22%").height("50%")
409.                 .fontColor(Color.White)
410.                 .fontSize(11)
411.                 .padding({top:35})
412.                 .backgroundColor("#574646")
413.                 .borderRadius(15)
414.                 .backgroundImage($r("app.media.S_1_4"))
415.                 .backgroundImageSize({width:35,height:35},)
416.                 .backgroundImagePosition(Alignment.Top)
417.                 .margin({left:"5%",bottom:"10%"})
418.             }.width("100%").height("70%")
419.             }
420.           }.width("90%").height("25%").margin({top:"0%"})
421.           Row(){
422.             Text("其他工具")
423.               .width("100%").height("20%")
424.               .fontColor(Color.Gray)
425.               .fontSize(15)
426.               .padding({})
428.               .margin({bottom:"5%"})
429.           }.width("90%").height("5%").margin({top:"5%"})
430.           Row(){
431.             Column(){
432.               Row() {
433.                 Text("    安全防护")
434.                   .width("70%")
435.                   .height("30%")
436.                   .fontSize(15)
437.                   .fontColor(Color.White)
438.                 Button(">")
439.                   .width("30%")
440.                   .height("10%")
441.                   .fontSize(15)
442.                   .fontColor(Color.White)
443.                   .backgroundColor("#574646")
444.                   .onClick(()=>{
445.                     this.controller1.open()
446.                   })
447.               }
448.               Row() {
449.                 Text("防骗中心")
450.                   .textAlign(TextAlign.Center)
451.                   .width("45%")
452.                   .height("90%")
453.                   .fontColor(Color.White)
454.                   .fontSize(11)
455.                   .padding({ top: 35 })
456.                   .backgroundColor("#574646")
457.                   .borderRadius(15)
458.                   .backgroundImage($r("app.media.S_2_11"))
459.                   .backgroundImageSize({ width: 35, height: 35 },)
460.                   .backgroundImagePosition(Alignment.Top)
461.                   .margin({ left: "0%", bottom: "0%" })
463.                 Text("紧急呼叫")
464.                   .textAlign(TextAlign.Center)
465.                   .width("45%")
466.                   .height("90%")
467.                   .fontColor(Color.White)
468.                   .fontSize(11)
469.                   .padding({ top: 35 })
470.                   .backgroundColor("#574646")
471.                   .borderRadius(15)
472.                   .backgroundImage($r("app.media.S_2_12"))
473.                   .backgroundImageSize({ width: 35, height: 35 },)
474.                   .backgroundImagePosition(Alignment.Top)
475.                   .margin({ left: "10%", bottom: "0%" })
476.               }.width("100%").height("35%")
477.               Row() {
478.                 Text("查找")
479.                   .textAlign(TextAlign.Center)
480.                   .width("45%")
481.                   .height("90%")
482.                   .fontColor(Color.White)
483.                   .fontSize(11)
484.                   .padding({ top: 35 })
485.                   .backgroundColor("#574646")
486.                   .borderRadius(15)
487.                   .backgroundImage($r("app.media.S_2_21"))
488.                   .backgroundImageSize({ width: 35, height: 35 },)
489.                   .backgroundImagePosition(Alignment.Top)
490.                   .margin({ left: "0%", bottom: "0%" })
492.                 Text("支付宝险箱")
493.                   .textAlign(TextAlign.Center)
494.                   .width("45%")
495.                   .height("90%")
496.                   .fontColor(Color.White)
497.                   .fontSize(11)
498.                   .padding({ top: 35 })
499.                   .backgroundColor("#574646")
500.                   .borderRadius(15)
501.                   .backgroundImage($r("app.media.S_2_22"))
502.                   .backgroundImageSize({ width: 35, height: 35 },)
503.                   .backgroundImagePosition(Alignment.Top)
504.                   .margin({ left: "10%", bottom: "0%" })
505.               }.width("100%").height("35%")
506.             }.width("47%").backgroundColor("#574646").borderRadius(10)
507.             Column(){
508.               Row() {
509.                 Text("    隐私保护")
510.                   .width("70%")
511.                   .height("30%")
512.                   .fontSize(15)
513.                   .fontColor(Color.White)
514.                 Button(">")
515.                   .width("30%")
516.                   .height("10%")
517.                   .fontSize(15)
518.                   .fontColor(Color.White)
519.                   .backgroundColor("#574646")
520.                   .onClick(()=>{
521.                     this.controller2.open()
522.                   })
523.               }
524.               Row() {
525.                 Text("后台弹窗管控")
526.                   .textAlign(TextAlign.Center)
527.                   .width("45%")
528.                   .height("90%")
529.                   .fontColor(Color.White)
530.                   .fontSize(11)
531.                   .padding({ top: 35 })
532.                   .backgroundColor("#574646")
533.                   .borderRadius(15)
534.                   .backgroundImage($r("app.media.S_2_13"))
535.                   .backgroundImageSize({ width: 35, height: 35 },)
536.                   .backgroundImagePosition(Alignment.Top)
537.                   .margin({ left: "0%", bottom: "0%" })
539.                 Text("应用加密")
540.                   .textAlign(TextAlign.Center)
541.                   .width("45%")
542.                   .height("90%")
543.                   .fontColor(Color.White)
544.                   .fontSize(11)
545.                   .padding({ top: 35 })
546.                   .backgroundColor("#574646")
547.                   .borderRadius(15)
548.                   .backgroundImage($r("app.media.S_2_14"))
549.                   .backgroundImageSize({ width: 35, height: 35 },)
550.                   .backgroundImagePosition(Alignment.Top)
551.                   .margin({ left: "10%", bottom: "0%" })
552.               }.width("100%").height("35%")
553.               Row() {
554.                 Text("文件保密柜")
555.                   .textAlign(TextAlign.Center)
556.                   .width("45%")
557.                   .height("90%")
558.                   .fontColor(Color.White)
559.                   .fontSize(11)
560.                   .padding({ top: 35 })
561.                   .backgroundColor("#574646")
562.                   .borderRadius(15)
563.                   .backgroundImage($r("app.media.S_2_23"))
564.                   .backgroundImageSize({ width: 35, height: 35 },)
565.                   .backgroundImagePosition(Alignment.Top)
566.                   .margin({ left: "0%", bottom: "0%" })
568.                 Text("应用分身")
569.                   .textAlign(TextAlign.Center)
570.                   .width("45%")
571.                   .height("90%")
572.                   .fontColor(Color.White)
573.                   .fontSize(11)
574.                   .padding({ top: 35 })
575.                   .backgroundColor("#574646")
576.                   .borderRadius(15)
577.                   .backgroundImage($r("app.media.S_2_24"))
578.                   .backgroundImageSize({ width: 35, height: 35 },)
579.                   .backgroundImagePosition(Alignment.Top)
580.                   .margin({ left: "10%", bottom: "0%" })
581.               }.width("100%").height("35%")
582.             }.width("47%").margin({left:"6%"}).backgroundColor("#574646").borderRadius(10)
583.           }.width("90%").height("30%").margin({top:"5%"})
584.           Row(){
585.              Column(){
586.                Row() {
587.                  Text("    手机优化")
588.                    .width("100%")
589.                    .height("30%")
590.                    .fontSize(15)
591.                    .fontColor(Color.White)
593.                }
594.                   Row() {
595.                     Text("电池管理")
596.                       .textAlign(TextAlign.Center)
597.                       .width("45%")
598.                       .height("90%")
599.                       .fontColor(Color.White)
600.                       .fontSize(11)
601.                       .padding({ top: 35 })
602.                       .backgroundColor("#574646")
603.                       .borderRadius(15)
604.                       .backgroundImage($r("app.media.S_3_11"))
605.                       .backgroundImageSize({ width: 35, height: 35 },)
606.                       .backgroundImagePosition(Alignment.Top)
607.                       .margin({ left: "0%", bottom: "0%" })
609.                     Text("网络测速")
610.                       .textAlign(TextAlign.Center)
611.                       .width("45%")
612.                       .height("90%")
613.                       .fontColor(Color.White)
614.                       .fontSize(11)
615.                       .padding({ top: 35 })
616.                       .backgroundColor("#574646")
617.                       .borderRadius(15)
618.                       .backgroundImage($r("app.media.S_3_12"))
619.                       .backgroundImageSize({ width: 35, height: 35 },)
620.                       .backgroundImagePosition(Alignment.Top)
621.                       .margin({ left: "10%", bottom: "0%" })
622.                   }.width("100%").height("35%")
623.                   Row() {
624.                     Text("网络诊断")
625.                       .textAlign(TextAlign.Center)
626.                       .width("45%")
627.                       .height("90%")
628.                       .fontColor(Color.White)
629.                       .fontSize(11)
630.                       .padding({ top: 35 })
631.                       .backgroundColor("#574646")
632.                       .borderRadius(15)
633.                       .backgroundImage($r("app.media.S_3_21"))
634.                       .backgroundImageSize({ width: 35, height: 35 },)
635.                       .backgroundImagePosition(Alignment.Top)
636.                       .margin({ left: "0%", bottom: "0%" })
638.                     Text("游戏魔盒")
639.                       .textAlign(TextAlign.Center)
640.                       .width("45%")
641.                       .height("90%")
642.                       .fontColor(Color.White)
643.                       .fontSize(11)
644.                       .padding({ top: 35 })
645.                       .backgroundColor("#574646")
646.                       .borderRadius(15)
647.                       .backgroundImage($r("app.media.S_3_22"))
648.                       .backgroundImageSize({ width: 35, height: 35 },)
649.                       .backgroundImagePosition(Alignment.Top)
650.                       .margin({ left: "10%", bottom: "0%" })
651.                   }.width("100%").height("35%")
652.                 }.width("47%").backgroundColor("#574646").borderRadius(10)
653.              Column(){
654.                Row() {
655.                  Text("    空间清理")
656.                    .width("70%")
657.                    .height("30%")
658.                    .fontSize(15)
659.                    .fontColor(Color.White)
660.                  Button(">")
661.                    .width("30%")
662.                    .height("10%")
663.                    .fontSize(15)
664.                    .fontColor(Color.White)
665.                    .backgroundColor("#574646")
666.                    .onClick(()=>{
667.                      this.controller3.open()
668.                    })
669.                }
670.                   Row() {
671.                     Text("垃圾清理")
672.                       .textAlign(TextAlign.Center)
673.                       .width("45%")
674.                       .height("90%")
675.                       .fontColor(Color.White)
676.                       .fontSize(11)
677.                       .padding({ top: 35 })
678.                       .backgroundColor("#574646")
679.                       .borderRadius(15)
680.                       .backgroundImage($r("app.media.S_3_13"))
681.                       .backgroundImageSize({ width: 35, height: 35 },)
682.                       .backgroundImagePosition(Alignment.Top)
683.                       .margin({ left: "0%", bottom: "0%" })
685.                     Text("微信清理")
686.                       .textAlign(TextAlign.Center)
687.                       .width("45%")
688.                       .height("90%")
689.                       .fontColor(Color.White)
690.                       .fontSize(11)
691.                       .padding({ top: 35 })
692.                       .backgroundColor("#574646")
693.                       .borderRadius(15)
694.                       .backgroundImage($r("app.media.S_3_14"))
695.                       .backgroundImageSize({ width: 35, height: 35 },)
696.                       .backgroundImagePosition(Alignment.Top)
697.                       .margin({ left: "10%", bottom: "0%" })
698.                   }.width("100%").height("35%")
699.                   Row() {
700.                     Text("QQ清理")
701.                       .textAlign(TextAlign.Center)
702.                       .width("45%")
703.                       .height("90%")
704.                       .fontColor(Color.White)
705.                       .fontSize(11)
706.                       .padding({ top: 35 })
707.                       .backgroundColor("#574646")
708.                       .borderRadius(15)
709.                       .backgroundImage($r("app.media.S_3_23"))
710.                       .backgroundImageSize({ width: 35, height: 35 },)
711.                       .backgroundImagePosition(Alignment.Top)
712.                       .margin({ left: "0%", bottom: "0%" })
714.                     Text("图片清理")
715.                       .textAlign(TextAlign.Center)
716.                       .width("45%")
717.                       .height("90%")
718.                       .fontColor(Color.White)
719.                       .fontSize(11)
720.                       .padding({ top: 35 })
721.                       .backgroundColor("#574646")
722.                       .borderRadius(15)
723.                       .backgroundImage($r("app.media.S_3_24"))
724.                       .backgroundImageSize({ width: 35, height: 35 },)
725.                       .backgroundImagePosition(Alignment.Top)
726.                       .margin({ left: "10%", bottom: "0%" })
727.                   }.width("100%").height("35%")
728.                 }.width("47%").margin({left:"6%"}).backgroundColor("#574646").borderRadius(10)
729.               }.width("90%").height("30%").margin({top:"5%"})
730.           Row(){
731.               Column(){
732.                 Row() {
733.                   Text("    辅助功能")
734.                     .width("70%")
735.                     .height("30%")
736.                     .fontSize(15)
737.                     .fontColor(Color.White)
738.                   Button(">")
739.                     .width("30%")
740.                     .height("10%")
741.                     .fontSize(15)
742.                     .fontColor(Color.White)
743.                     .backgroundColor("#574646")
744.                     .onClick(()=>{
745.                       this.controller4.open()
746.                     })
747.                 }
748.                   Row() {
749.                     Text("图片备份")
750.                       .textAlign(TextAlign.Center)
751.                       .width("45%")
752.                       .height("90%")
753.                       .fontColor(Color.White)
754.                       .fontSize(11)
755.                       .padding({ top: 35 })
756.                       .backgroundColor("#574646")
757.                       .borderRadius(15)
758.                       .backgroundImage($r("app.media.S_4_11"))
759.                       .backgroundImageSize({ width: 35, height: 35 },)
760.                       .backgroundImagePosition(Alignment.Top)
761.                       .margin({ left: "0%", bottom: "0%" })
763.                     Text("数据备份")
764.                       .textAlign(TextAlign.Center)
765.                       .width("45%")
766.                       .height("90%")
767.                       .fontColor(Color.White)
768.                       .fontSize(11)
769.                       .padding({ top: 35 })
770.                       .backgroundColor("#574646")
771.                       .borderRadius(15)
772.                       .backgroundImage($r("app.media.S_4_12"))
773.                       .backgroundImageSize({ width: 35, height: 35 },)
774.                       .backgroundImagePosition(Alignment.Top)
775.                       .margin({ left: "10%", bottom: "0%" })
776.                   }.width("100%").height("35%")
777.                   Row() {
778.                     Text("红包助手")
779.                       .textAlign(TextAlign.Center)
780.                       .width("45%")
781.                       .height("90%")
782.                       .fontColor(Color.White)
783.                       .fontSize(11)
784.                       .padding({ top: 35 })
785.                       .backgroundColor("#574646")
786.                       .borderRadius(15)
787.                       .backgroundImage($r("app.media.S_4_21"))
788.                       .backgroundImageSize({ width: 35, height: 35 },)
789.                       .backgroundImagePosition(Alignment.Top)
790.                       .margin({ left: "0%", bottom: "0%" })
792.                     Text("通话录音")
793.                       .textAlign(TextAlign.Center)
794.                       .width("45%")
795.                       .height("90%")
796.                       .fontColor(Color.White)
797.                       .fontSize(11)
798.                       .padding({ top: 35 })
799.                       .backgroundColor("#574646")
800.                       .borderRadius(15)
801.                       .backgroundImage($r("app.media.S_4_22"))
802.                       .backgroundImageSize({ width: 35, height: 35 },)
803.                       .backgroundImagePosition(Alignment.Top)
804.                       .margin({ left: "10%", bottom: "0%" })
805.                   }.width("100%").height("35%")
806.                 }.width("47%").backgroundColor("#574646").borderRadius(10)
807.               Column(){
808.                 Row() {
809.                   Text("    生活服务")
810.                     .width("100%")
811.                     .height("30%")
812.                     .fontSize(15)
813.                     .fontColor(Color.White)
815.                 }
816.                   Row() {
817.                     Text("话费充值")
818.                       .textAlign(TextAlign.Center)
819.                       .width("45%")
820.                       .height("90%")
821.                       .fontColor(Color.White)
822.                       .fontSize(11)
823.                       .padding({ top: 35 })
824.                       .backgroundColor("#574646")
825.                       .borderRadius(15)
826.                       .backgroundImage($r("app.media.S_4_13"))
827.                       .backgroundImageSize({ width: 35, height: 35 },)
828.                       .backgroundImagePosition(Alignment.Top)
829.                       .margin({ left: "0%", bottom: "0%" })
831.                     Text("流量充值")
832.                       .textAlign(TextAlign.Center)
833.                       .width("45%")
834.                       .height("90%")
835.                       .fontColor(Color.White)
836.                       .fontSize(11)
837.                       .padding({ top: 35 })
838.                       .backgroundColor("#574646")
839.                       .borderRadius(15)
840.                       .backgroundImage($r("app.media.S_4_14"))
841.                       .backgroundImageSize({ width: 35, height: 35 },)
842.                       .backgroundImagePosition(Alignment.Top)
843.                       .margin({ left: "10%", bottom: "0%" })
844.                   }.width("100%").height("35%")
845.                   Row() {
846.                     Text("5G特惠包")
847.                       .textAlign(TextAlign.Center)
848.                       .width("45%")
849.                       .height("90%")
850.                       .fontColor(Color.White)
851.                       .fontSize(11)
852.                       .padding({ top: 35 })
853.                       .backgroundColor("#574646")
854.                       .borderRadius(15)
855.                       .backgroundImage($r("app.media.S_4_23"))
856.                       .backgroundImageSize({ width: 35, height: 35 },)
857.                       .backgroundImagePosition(Alignment.Top)
858.                       .margin({ left: "0%", bottom: "0%" })
860.                     Text("V粉卡")
861.                       .textAlign(TextAlign.Center)
862.                       .width("45%")
863.                       .height("90%")
864.                       .fontColor(Color.White)
865.                       .fontSize(11)
866.                       .padding({ top: 35 })
867.                       .backgroundColor("#574646")
868.                       .borderRadius(15)
869.                       .backgroundImage($r("app.media.S_4_24"))
870.                       .backgroundImageSize({ width: 35, height: 35 },)
871.                       .backgroundImagePosition(Alignment.Top)
872.                       .margin({ left: "10%", bottom: "0%" })
873.                   }.width("100%").height("35%")
874.                 }.width("47%").margin({left:"6%"}).backgroundColor("#574646").borderRadius(10)
875.               }.width("90%").height("30%").margin({top:"5%"})
876.           }.width("100%")
877.           }
878.           .scrollable(ScrollDirection.Vertical)//滚动方向：垂直
879.           .scrollBarColor(Color.Blue)//滚动条颜色
880.           .scrollBarWidth(0)//滚动条大小
881.           .height("91%")//滚动区域高度
882.         }.backgroundColor(Color.Black)
883.         .width("100%")
884.         .height("100%")
887.       }.tabBar(this.TabBuilder("实用工具",1,$r("app.media.E21"),$r("app.media.E22")))
889.     }.vertical(false)  //设置侧边导航  +{‘barPosition:BarPosition.End}可变成右侧
890.     .scrollable(false)    //整体是否可滑动
891.     .barMode(BarMode.Fixed) //导航栏是否可以滚动，默认值为Fixed
892.     .barHeight("10%") //导航栏高度
893.     .barBackgroundColor("#352f2f")//导航栏背景颜色
894.     .onChange((index)=>{ //index：菜单的编号参数
895.       this.currentIndex=index
896.     })
897.   }
898. }
900. @CustomDialog
901. struct CustomDialogText {  //自定义弹窗内容
902.   controller: CustomDialogController = new CustomDialogController({ builder: CustomDialogText() })
904.   build() {
905.     Column({ space: 20 }) {  //20为子组件间距
906.       Row() {
907.         Text("防骗中心")
908.           .textAlign(TextAlign.Center)
909.           .width("23%")
910.           .height("10%")
911.           .fontColor(Color.White)
912.           .fontSize(11)
913.           .padding({ top: 35 })
914.           .backgroundColor("#574646")
915.           .borderRadius(15)
916.           .backgroundImage($r("app.media.S_2_11"))
917.           .backgroundImageSize({ width: 35, height: 35 },)
918.           .backgroundImagePosition(Alignment.Top)
919.           .margin({ left: "0%", bottom: "0%" })
921.         Text("紧急呼叫")
922.           .textAlign(TextAlign.Center)
923.           .width("23%")
924.           .height("10%")
925.           .fontColor(Color.White)
926.           .fontSize(11)
927.           .padding({ top: 35 })
928.           .backgroundColor("#574646")
929.           .borderRadius(15)
930.           .backgroundImage($r("app.media.S_2_12"))
931.           .backgroundImageSize({ width: 35, height: 35 },)
932.           .backgroundImagePosition(Alignment.Top)
933.           .margin({ left: "3%", bottom: "0%" })
934.         Text("查找")
935.           .textAlign(TextAlign.Center)
936.           .width("23%")
937.           .height("10%")
938.           .fontColor(Color.White)
939.           .fontSize(11)
940.           .padding({ top: 35 })
941.           .backgroundColor("#574646")
942.           .borderRadius(15)
943.           .backgroundImage($r("app.media.S_2_21"))
944.           .backgroundImageSize({ width: 35, height: 35 },)
945.           .backgroundImagePosition(Alignment.Top)
946.           .margin({ left: "3%", bottom: "0%" })
948.         Text("支付宝险箱")
949.           .textAlign(TextAlign.Center)
950.           .width("23%")
951.           .height("10%")
952.           .fontColor(Color.White)
953.           .fontSize(11)
954.           .padding({ top: 35 })
955.           .backgroundColor("#574646")
956.           .borderRadius(15)
957.           .backgroundImage($r("app.media.S_2_22"))
958.           .backgroundImageSize({ width: 35, height: 35 },)
959.           .backgroundImagePosition(Alignment.Top)
960.           .margin({ left: "3%", bottom: "0%" })
961.       }
962.       Row(){
963.         Text("密码保险箱")
964.           .textAlign(TextAlign.Center)
965.           .width("23%")
966.           .height("10%")
967.           .fontColor(Color.White)
968.           .fontSize(11)
969.           .padding({ top: 35 })
970.           .backgroundColor("#574646")
971.           .borderRadius(15)
972.           .backgroundImage($r("app.media.S_4_22"))
973.           .backgroundImageSize({ width: 35, height: 35 },)
974.           .backgroundImagePosition(Alignment.Top)
975.           .margin({ right: "80%", bottom: "0%" })
976.       }
977.     }
978.     .margin(20)
979.     .onClick(() => {
980.       this.controller.close()  //任意点击关闭
981.     })
982.   }
983. }
984. @CustomDialog
985. struct CustomDialogText1 {
986.   controller: CustomDialogController = new CustomDialogController({ builder: CustomDialogText() })
988.   build() {
989.     Column({ space: 20 }) {
990.       Row() {
991.         Text("后台弹窗管控")
992.           .textAlign(TextAlign.Center)
993.           .width("23%")
994.           .height("10%")
995.           .fontColor(Color.White)
996.           .fontSize(11)
997.           .padding({ top: 35 })
998.           .backgroundColor("#574646")
999.           .borderRadius(15)
1000.           .backgroundImage($r("app.media.S_2_13"))
1001.           .backgroundImageSize({ width: 35, height: 35 },)
1002.           .backgroundImagePosition(Alignment.Top)
1003.           .margin({ left: "0%", bottom: "0%" })
1005.         Text("应用加密")
1006.           .textAlign(TextAlign.Center)
1007.           .width("23%")
1008.           .height("10%")
1009.           .fontColor(Color.White)
1010.           .fontSize(11)
1011.           .padding({ top: 35 })
1012.           .backgroundColor("#574646")
1013.           .borderRadius(15)
1014.           .backgroundImage($r("app.media.S_2_14"))
1015.           .backgroundImageSize({ width: 35, height: 35 },)
1016.           .backgroundImagePosition(Alignment.Top)
1017.           .margin({ left: "3%", bottom: "0%" })
1018.         Text("文件保密柜")
1019.           .textAlign(TextAlign.Center)
1020.           .width("23%")
1021.           .height("10%")
1022.           .fontColor(Color.White)
1023.           .fontSize(11)
1024.           .padding({ top: 35 })
1025.           .backgroundColor("#574646")
1026.           .borderRadius(15)
1027.           .backgroundImage($r("app.media.S_2_23"))
1028.           .backgroundImageSize({ width: 35, height: 35 },)
1029.           .backgroundImagePosition(Alignment.Top)
1030.           .margin({ left: "3%", bottom: "0%" })
1032.         Text("应用分身")
1033.           .textAlign(TextAlign.Center)
1034.           .width("23%")
1035.           .height("10%")
1036.           .fontColor(Color.White)
1037.           .fontSize(11)
1038.           .padding({ top: 35 })
1039.           .backgroundColor("#574646")
1040.           .borderRadius(15)
1041.           .backgroundImage($r("app.media.S_2_24"))
1042.           .backgroundImageSize({ width: 35, height: 35 },)
1043.           .backgroundImagePosition(Alignment.Top)
1044.           .margin({ left: "3%", bottom: "0%" })
1045.       }
1046.       Row(){
1047.         Text("摄像头检测")
1048.           .textAlign(TextAlign.Center)
1049.           .width("23%")
1050.           .height("10%")
1051.           .fontColor(Color.White)
1052.           .fontSize(11)
1053.           .padding({ top: 35 })
1054.           .backgroundColor("#574646")
1055.           .borderRadius(15)
1056.           .backgroundImage($r("app.media.S_2_12"))
1057.           .backgroundImageSize({ width: 35, height: 35 },)
1058.           .backgroundImagePosition(Alignment.Top)
1059.           .margin({ right: "80%", bottom: "0%" })
1060.       }
1061.     }
1062.     .margin(20)
1063.     .onClick(() => {
1064.       this.controller.close()
1065.     })
1066.   }
1067. }
1068. @CustomDialog
1069. struct CustomDialogText2 {
1070.   controller: CustomDialogController = new CustomDialogController({ builder: CustomDialogText() })
1072.   build() {
1073.     Column({ space: 20 }) {
1074.       Row() {
1075.         Text("垃圾清理")
1076.           .textAlign(TextAlign.Center)
1077.           .width("23%")
1078.           .height("10%")
1079.           .fontColor(Color.White)
1080.           .fontSize(11)
1081.           .padding({ top: 35 })
1082.           .backgroundColor("#574646")
1083.           .borderRadius(15)
1084.           .backgroundImage($r("app.media.S_3_13"))
1085.           .backgroundImageSize({ width: 35, height: 35 },)
1086.           .backgroundImagePosition(Alignment.Top)
1087.           .margin({ left: "0%", bottom: "0%" })
1089.         Text("微信清理")
1090.           .textAlign(TextAlign.Center)
1091.           .width("23%")
1092.           .height("10%")
1093.           .fontColor(Color.White)
1094.           .fontSize(11)
1095.           .padding({ top: 35 })
1096.           .backgroundColor("#574646")
1097.           .borderRadius(15)
1098.           .backgroundImage($r("app.media.S_3_14"))
1099.           .backgroundImageSize({ width: 35, height: 35 },)
1100.           .backgroundImagePosition(Alignment.Top)
1101.           .margin({ left: "3%", bottom: "0%" })
1102.         Text("QQ清理")
1103.           .textAlign(TextAlign.Center)
1104.           .width("23%")
1105.           .height("10%")
1106.           .fontColor(Color.White)
1107.           .fontSize(11)
1108.           .padding({ top: 35 })
1109.           .backgroundColor("#574646")
1110.           .borderRadius(15)
1111.           .backgroundImage($r("app.media.S_3_23"))
1112.           .backgroundImageSize({ width: 35, height: 35 },)
1113.           .backgroundImagePosition(Alignment.Top)
1114.           .margin({ left: "3%", bottom: "0%" })
1116.         Text("图片清理")
1117.           .textAlign(TextAlign.Center)
1118.           .width("23%")
1119.           .height("10%")
1120.           .fontColor(Color.White)
1121.           .fontSize(11)
1122.           .padding({ top: 35 })
1123.           .backgroundColor("#574646")
1124.           .borderRadius(15)
1125.           .backgroundImage($r("app.media.S_3_24"))
1126.           .backgroundImageSize({ width: 35, height: 35 },)
1127.           .backgroundImagePosition(Alignment.Top)
1128.           .margin({ left: "3%", bottom: "0%" })
1129.       }
1130.       Row() {
1131.         Text("视频清理")
1132.           .textAlign(TextAlign.Center)
1133.           .width("23%")
1134.           .height("10%")
1135.           .fontColor(Color.White)
1136.           .fontSize(11)
1137.           .padding({ top: 35 })
1138.           .backgroundColor("#574646")
1139.           .borderRadius(15)
1140.           .backgroundImage($r("app.media.S_3_11"))
1141.           .backgroundImageSize({ width: 35, height: 35 },)
1142.           .backgroundImagePosition(Alignment.Top)
1143.           .margin({ left: "0%", bottom: "0%" })
1145.         Text("音频清理")
1146.           .textAlign(TextAlign.Center)
1147.           .width("23%")
1148.           .height("10%")
1149.           .fontColor(Color.White)
1150.           .fontSize(11)
1151.           .padding({ top: 35 })
1152.           .backgroundColor("#574646")
1153.           .borderRadius(15)
1154.           .backgroundImage($r("app.media.S_3_12"))
1155.           .backgroundImageSize({ width: 35, height: 35 },)
1156.           .backgroundImagePosition(Alignment.Top)
1157.           .margin({ left: "3%", bottom: "0%" })
1158.         Text("重复文件")
1159.           .textAlign(TextAlign.Center)
1160.           .width("23%")
1161.           .height("10%")
1162.           .fontColor(Color.White)
1163.           .fontSize(11)
1164.           .padding({ top: 35 })
1165.           .backgroundColor("#574646")
1166.           .borderRadius(15)
1167.           .backgroundImage($r("app.media.S_3_21"))
1168.           .backgroundImageSize({ width: 35, height: 35 },)
1169.           .backgroundImagePosition(Alignment.Top)
1170.           .margin({ left: "3%", bottom: "0%",right:"26%" })
1172.       }
1173.     }
1174.     .margin(20)
1175.     .onClick(() => {
1176.       this.controller.close()
1177.     })
1178.   }
1179. }
1180. @CustomDialog
1181. struct CustomDialogText3 {
1182.   controller: CustomDialogController = new CustomDialogController({ builder: CustomDialogText() })
1184.   build() {
1185.     Column({ space: 20 }) {
1186.       Row() {
1187.         Text("照片备份")
1188.           .textAlign(TextAlign.Center)
1189.           .width("23%")
1190.           .height("10%")
1191.           .fontColor(Color.White)
1192.           .fontSize(11)
1193.           .padding({ top: 35 })
1194.           .backgroundColor("#574646")
1195.           .borderRadius(15)
1196.           .backgroundImage($r("app.media.S_4_11"))
1197.           .backgroundImageSize({ width: 35, height: 35 },)
1198.           .backgroundImagePosition(Alignment.Top)
1199.           .margin({ left: "0%", bottom: "0%" })
1201.         Text("数据备份")
1202.           .textAlign(TextAlign.Center)
1203.           .width("23%")
1204.           .height("10%")
1205.           .fontColor(Color.White)
1206.           .fontSize(11)
1207.           .padding({ top: 35 })
1208.           .backgroundColor("#574646")
1209.           .borderRadius(15)
1210.           .backgroundImage($r("app.media.S_4_12"))
1211.           .backgroundImageSize({ width: 35, height: 35 },)
1212.           .backgroundImagePosition(Alignment.Top)
1213.           .margin({ left: "3%", bottom: "0%" })
1214.         Text("红包助手")
1215.           .textAlign(TextAlign.Center)
1216.           .width("23%")
1217.           .height("10%")
1218.           .fontColor(Color.White)
1219.           .fontSize(11)
1220.           .padding({ top: 35 })
1221.           .backgroundColor("#574646")
1222.           .borderRadius(15)
1223.           .backgroundImage($r("app.media.S_4_21"))
1224.           .backgroundImageSize({ width: 35, height: 35 },)
1225.           .backgroundImagePosition(Alignment.Top)
1226.           .margin({ left: "3%", bottom: "0%" })
1228.         Text("通话录音")
1229.           .textAlign(TextAlign.Center)
1230.           .width("23%")
1231.           .height("10%")
1232.           .fontColor(Color.White)
1233.           .fontSize(11)
1234.           .padding({ top: 35 })
1235.           .backgroundColor("#574646")
1236.           .borderRadius(15)
1237.           .backgroundImage($r("app.media.S_4_22"))
1238.           .backgroundImageSize({ width: 35, height: 35 },)
1239.           .backgroundImagePosition(Alignment.Top)
1240.           .margin({ left: "3%", bottom: "0%" })
1241.       }
1242.       Row(){
1243.         Text("电话秘书")
1244.           .textAlign(TextAlign.Center)
1245.           .width("23%")
1246.           .height("10%")
1247.           .fontColor(Color.White)
1248.           .fontSize(11)
1249.           .padding({ top: 35 })
1250.           .backgroundColor("#574646")
1251.           .borderRadius(15)
1252.           .backgroundImage($r("app.media.S_4_24"))
1253.           .backgroundImageSize({ width: 35, height: 35 },)
1254.           .backgroundImagePosition(Alignment.Top)
1255.           .margin({ right: "0%", bottom: "0%" })
1256.         Text("儿童秘书")
1257.           .textAlign(TextAlign.Center)
1258.           .width("23%")
1259.           .height("10%")
1260.           .fontColor(Color.White)
1261.           .fontSize(11)
1262.           .padding({ top: 35 })
1263.           .backgroundColor("#574646")
1264.           .borderRadius(15)
1265.           .backgroundImage($r("app.media.S_4_23"))
1266.           .backgroundImageSize({ width: 35, height: 35 },)
1267.           .backgroundImagePosition(Alignment.Top)
1268.           .margin({ right: "54%", bottom: "0%",left:"3%" })
1269.       }
1270.     }
1271.     .margin(20)
1272.     .onClick(() => {
1273.       this.controller.close()
1274.     })
1275.   }
1276. }

复制代码

图3-3：

文件名：set1.ets

1. import { router } from '@kit.ArkUI'
3. @Entry//装饰器，页面的入口组件
4. @Component //装饰器，自定义组件
5. struct sett{//关键字 struct   sett 自定义组件的组件名
6.   build(){//结构体，也叫函数
7.     Column() {//线性布局管理器
8.       Column() {
9.         Row() {
11.           Button("<")//按钮
12.             .width("10%")//宽高
13.             .height("80%")
14.             .fontSize(40)//字体大小
15.             .fontColor(Color.White)//字体颜色
16.             .backgroundColor(Color.Black)//背景颜色
17.             .padding("")//内间距
18.             .onClick(()=>{//点击执行相应事件
19.               router.back()//返回上一个页面（仅当其他页面跳转到此页面有效）
20.             })
21.           Text("  设置")
22.             .width("95%")
23.             .height("100%")
24.             .fontSize(20)
25.             .fontColor(Color.White)
27.         }.width("100%").height("10%")
29.         Row() {
30.           Column() {
31.             Row() {
32.               Text("空间清理")
33.                 .width("95%")
34.                 .height("20%")
35.                 .fontSize(20)
36.                 .fontColor(Color.White)
37.                 .margin({ top: "0%" })//外间距
38.               Text(">")
39.                 .width("5%")
40.                 .height("20%")
41.                 .fontSize(30)
42.                 .fontColor(Color.Gray)
43.                 .margin({ top: "0%" })
44.             }
46.             Row() {
47.               Text("安全检测")
48.                 .width("95%")
49.                 .height("20%")
50.                 .fontSize(20)
51.                 .fontColor(Color.White)
52.               Text(">")
53.                 .width("5%")
54.                 .height("20%")
55.                 .fontSize(30)
56.                 .fontColor(Color.Gray)
58.             }
60.             Row() {
61.               Text("流量管理")
62.                 .width("95%")
63.                 .height("20%")
64.                 .fontSize(20)
65.                 .fontColor(Color.White)
66.                 .margin({ bottom: "5%" })
67.               Text(">")
68.                 .width("5%")
69.                 .height("20%")
70.                 .fontSize(30)
71.                 .fontColor(Color.Gray)
72.                 .margin({ bottom: "5%" })
73.             }
74.           }
75.         }.width("100%").height("27%")
77.         Text("").width("100%")
78.           .borderWidth(1)//边框大小
79.           .borderColor(Color.Gray)//边框颜色
80.         Row() {
81.           Column() {
82.             Row() {
83.               Text("安全能力")
84.                 .width("95%")
85.                 .height("25%")
86.                 .fontSize(20)
87.                 .fontColor(Color.White)
88.                 .margin({ top: "10%" })
89.               Text(">")
90.                 .width("5%")
91.                 .height("25%")
92.                 .fontSize(30)
93.                 .fontColor(Color.Gray)
94.                 .margin({ top: "10%" })
95.             }
97.             Row() {
98.               Text("防护记录")
99.                 .width("95%")
100.                 .height("25%")
101.                 .fontSize(20)
102.                 .fontColor(Color.White)
103.                 .margin({ bottom: "20%" })
104.               Text(">")
105.                 .width("5%")
106.                 .height("25%")
107.                 .fontSize(30)
108.                 .fontColor(Color.Gray)
109.                 .margin({ bottom: "20%" })
110.             }
111.           }
112.         }.width("100%").height("20%")
114.         Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
115.         Row() {
116.           Column() {
117.             Row() {
118.               Text("功能介绍")
119.                 .width("95%")
120.                 .height("25%")
121.                 .fontSize(20)
122.                 .fontColor(Color.White)
123.                 .margin({ top: "10%" })
124.               Text(">")
125.                 .width("5%")
126.                 .height("25%")
127.                 .fontSize(30)
128.                 .fontColor(Color.Gray)
129.                 .margin({ top: "10%" })
130.             }
132.             Row() {
133.               Text("帮助和反馈")
134.                 .width("95%")
135.                 .height("25%")
136.                 .fontSize(20)
137.                 .fontColor(Color.White)
138.                 .margin({ bottom: "20%" })
139.               Text(">")
140.                 .width("5%")
141.                 .height("25%")
142.                 .fontSize(30)
143.                 .fontColor(Color.Gray)
144.                 .margin({ bottom: "20%" })
145.             }
146.           }
147.         }.width("100%").height("20%")
149.         Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
150.         Row() {
151.           Column() {
152.             Row() {
153.               Text("检查更新")
154.                 .width("95%")
155.                 .height("25%")
156.                 .fontSize(20)
157.                 .fontColor(Color.White)
158.                 .margin({ top: "10%" })
159.               Text(">")
160.                 .width("5%")
161.                 .height("25%")
162.                 .fontSize(30)
163.                 .fontColor(Color.Gray)
164.                 .margin({ top: "10%" })
165.             }
167.             Row() {
168.               Text("关于")
169.                 .width("95%")
170.                 .height("25%")
171.                 .fontSize(20)
172.                 .fontColor(Color.White)
173.                 .margin({ bottom: "20%" })
174.               Text(">")
175.                 .width("5%")
176.                 .height("25%")
177.                 .fontSize(30)
178.                 .fontColor(Color.Gray)
179.                 .margin({ bottom: "20%" })
180.             }
181.           }
182.         }.width("100%").height("23%")
183.       }.width("90%").height("100%")
184.       .backgroundColor(Color.Black)
185.       .margin({ left: "2%" })
186.     }.width("100%").height("100%")
187.     .backgroundColor(Color.Black)
188.   }
190. }

复制代码

图3-4：

文件名：yinsibaohu.ets

1. import { router } from '@kit.ArkUI'
3. @Entry//装饰器，页面的组件入口
4. @Component//装饰器，自定义组件
5. struct sett {//关键字 struct  sett 自定义组件的组件名
6.   scrmy:Scroller=new Scroller() //注册滚动控制器
7.   build() {//函数，也叫结构体
8.     Column() {//线性布局管理器
9.       Column() {
10.         Row() {
12.           Button("<")//按钮
13.             .width("10%")//宽高
14.             .height("80%")
15.             .fontSize(40)//字体大小
16.             .fontColor(Color.White)//字条颜色
17.             .backgroundColor(Color.Black)//背景颜色
18.             .padding("")//内间距
19.             .onClick(() => {//点击执行相应事件
20.               router.back()//返回（当且仅当其它页面跳转到此页面有效）
21.             })
22.           Text("隐私保护")
23.             .width("95%")
24.             .height("100%")
25.             .fontSize(20)
26.             .fontColor(Color.White)
28.         }.width("100%").height("10%")
29.         Scroll(this.scrmy) { //滚动
30.           Column(){
31.         Row() {
32.           Column() {
33.             Image($r("app.media.E_1_1")) //加载图片
34.               .width("50%")
35.               .height("30%")
36.               .margin({left:"0%"}) //外间距
37.             Row(){
38.               Text("全部信息应用记录")
39.                 .width("45%")
40.                 .height("20%")
41.                 .fontSize(20)
42.                 .fontColor(Color.White)
43.                 .margin({ top: "0%" })
44.                 .textAlign(TextAlign.Center) //文本对齐方式
45.                 .backgroundColor("#574646")
46.                 .padding(10)
47.                 .borderRadius(15)//边框弧度
48.               Text("敏感权限提示")
49.                 .width("45%")
50.                 .height("20%")
51.                 .fontSize(20)
52.                 .fontColor(Color.White)
53.                 .margin({ left: "10%" })
54.                 .textAlign(TextAlign.Center)
55.                 .backgroundColor("#574646")
56.                 .borderRadius(15)
57.             }
58.             Row() {
59.               Text("敏感信息保护")
60.                 .width("95%")
61.                 .height("15%")
62.                 .fontSize(20)
63.                 .fontColor(Color.White)
64.                 .margin({ top: "0%" })
65.               Text(">")
66.                 .width("5%")
67.                 .height("15%")
68.                 .fontSize(30)
69.                 .fontColor(Color.Gray)
70.                 .margin({ top: "0%" })
71.             }
73.             Row() {
74.               Text("位置信息保护")
75.                 .width("95%")
76.                 .height("15%")
77.                 .fontSize(20)
78.                 .fontColor(Color.White)
79.               Text(">")
80.                 .width("5%")
81.                 .height("15%")
82.                 .fontSize(30)
83.                 .fontColor(Color.Gray)
85.             }
86.             Row() {
87.               Text("身份信息保护")
88.                 .width("95%")
89.                 .height("15%")
90.                 .fontSize(20)
91.                 .fontColor(Color.White)
92.                 .margin({ top: "0%" })
93.               Text(">")
94.                 .width("5%")
95.                 .height("15%")
96.                 .fontSize(30)
97.                 .fontColor(Color.Gray)
98.                 .margin({ top: "0%" })
99.             }
101.           }
102.         }.width("100%").height("60%")
104.         Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
105.         Row() {
106.           Column() {
107.             Row() {
108.               Text("锁屏通知")
109.                 .width("95%")
110.                 .height("30%")
111.                 .fontSize(20)
112.                 .fontColor(Color.White)
113.                 .margin({ top: "15%" })
114.               Text(">")
115.                 .width("5%")
116.                 .height("30%")
117.                 .fontSize(30)
118.                 .fontColor(Color.Gray)
119.                 .margin({ top: "15%" })
120.             }
122.             Row() {
123.               Text("屏幕固定")
124.                 .width("95%")
125.                 .height("30%")
126.                 .fontSize(20)
127.                 .fontColor(Color.White)
128.                 .margin({ bottom: "20%" })
129.               Text(">")
130.                 .width("5%")
131.                 .height("30%")
132.                 .fontSize(30)
133.                 .fontColor(Color.Gray)
134.                 .margin({ bottom: "20%" })
135.             }
136.           }
137.         }.width("100%").height("30%")
139.         Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
140.         Row() {
141.           Column() {
142.             Text("隐私工具")
143.               .width("95%")
144.               .height("10%")
145.               .fontSize(15)
146.               .fontColor(Color.Gray)
147.               .padding({ top: "0%" })
148.               .margin({ top: "5%" })
149.             Row() {
151.               Text("权限管理")
152.                 .width("30%")
153.                 .height("40%")
154.                 .fontSize(20)
155.                 .fontColor(Color.White)
156.                 .textAlign(TextAlign.Center)
157.                 .backgroundImage($r("app.media.E_1_11"))
158.                 .backgroundImageSize({width:40,height:40})
159.                 .backgroundImagePosition(Alignment.Top)
161.               Text("保密柜")
162.                 .width("30%")
163.                 .height("40%")
164.                 .fontSize(20)
165.                 .fontColor(Color.White)
166.                 .margin({ left: "5%" })
167.                 .textAlign(TextAlign.Center)
168.                 .backgroundImage($r("app.media.E_1_12"))
169.                 .backgroundImageSize({width:40,height:40})
170.                 .backgroundImagePosition(Alignment.Top)
171.               Text("应用加密")
172.                 .width("30%")
173.                 .height("40%")
174.                 .fontSize(20)
175.                 .fontColor(Color.White)
176.                 .margin({ left: "5%" })
177.                 .textAlign(TextAlign.Center)
178.                 .backgroundImage($r("app.media.E_1_13"))
179.                 .backgroundImageSize({width:40,height:40})
180.                 .backgroundImagePosition(Alignment.Top)
181.             }.margin({top:"5%"})
182.             Row() {
184.               Text("手机分身")
185.                 .width("30%")
186.                 .height("40%")
187.                 .fontSize(20)
188.                 .fontColor(Color.White)
189.                 .textAlign(TextAlign.Center)
190.                 .backgroundImage($r("app.media.E_1_21"))
191.                 .backgroundImageSize({width:40,height:40})
192.                 .backgroundImagePosition(Alignment.Top)
194.               Text("应用分身")
195.                 .width("30%")
196.                 .height("40%")
197.                 .fontSize(20)
198.                 .fontColor(Color.White)
199.                 .margin({ left: "5%" })
200.                 .textAlign(TextAlign.Center)
201.                 .backgroundImage($r("app.media.E_1_22"))
202.                 .backgroundImageSize({width:40,height:40})
203.                 .backgroundImagePosition(Alignment.Top)
204.               Text("摄像头检测")
205.                 .width("30%")
206.                 .height("40%")
207.                 .fontSize(20)
208.                 .fontColor(Color.White)
209.                 .margin({ left: "5%" })
210.                 .textAlign(TextAlign.Center)
211.                 .backgroundImage($r("app.media.E_1_23"))
212.                 .backgroundImageSize({width:40,height:40})
213.                 .backgroundImagePosition(Alignment.Top)
214.             }
216.           }
217.         }.width("100%").height("40%")
218.           }
219.         }.scrollable(ScrollDirection.Vertical) //滚动方向
220.         .scrollBarColor(Color.Blue)//滚动条颜色
221.         .scrollBarWidth(0)//滚动条大小
222.         .height("91%")
223.       }.width("90%").height("100%")
224.       .backgroundColor(Color.Black)
225.       .margin({ left: "2%" })
226.     }.width("100%").height("100%")
227.     .backgroundColor(Color.Black)
228.   }
229. }

复制代码

图3-5：

文件名：jinjihujiao.ets

1. import { router } from '@kit.ArkUI'
3. @Entry //装饰器，页面的入口组件
4. @Component  // 装饰器，自定义组件
5. struct sett { //关键字 struct  sett 自定义组件的组件名
7.   build() { //结构体，也叫函数
8.     Column() { //线性布局管理器
9.       Column() {
10.         Row() {
12.           Button("<")//按钮
13.             .width("10%")//宽，高
14.             .height("80%")
15.             .fontSize(40)//字体大小
16.             .fontColor(Color.White)//字体颜色
17.             .backgroundColor(Color.Black)//背景颜色
18.             .padding("")//内间距
19.             .onClick(() => {//点击执行相应动作
20.               router.back()//返回（仅当从其他页面跳转到此页面有效）
21.             })
22.           Text("紧急呼叫")
23.             .width("95%")
24.             .height("100%")
25.             .fontSize(20)
26.             .fontColor(Color.White)
28.             .padding({left:"30%"})
29.         }.width("100%").height("10%")
31.           Row() {
32.             Column() {
33.               Image($r("app.media.T_1_1")) //加载图片
34.                 .width("60%")
35.                 .height("50%")
36.                 .margin({ left: "5%" })
37.               Row() {
38.                 Text("紧急呼叫")
39.                   .width("95%")
40.                   .height("20%")
41.                   .fontSize(20)
42.                   .fontColor(Color.White)
43.                   .margin({ top: "0%" })
44.                 Text(">")
45.                   .width("5%")
46.                   .height("20%")
47.                   .fontSize(30)
48.                   .fontColor(Color.Gray)
49.                   .margin({ top: "0%" })
50.               }
52.               Row() {
53.                 Text("紧急联系号码")
54.                   .width("95%")
55.                   .height("20%")
56.                   .fontSize(20)
57.                   .fontColor(Color.White)
58.                 Text(">")
59.                   .width("5%")
60.                   .height("20%")
61.                   .fontSize(30)
62.                   .fontColor(Color.Gray)
64.               }
66.             }
67.           }.width("100%").height("45%")
69.           Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
70.           Row() {
71.             Column() {
72.               Text("辅助功能")
73.                 .width("95%")
74.                 .height("10%")
75.                 .fontSize(15)
76.                 .fontColor(Color.Gray)
77.                 .padding({ top: "5%" })
78.                 .margin({ top: "9%" })
79.               Row() {
80.                 Text("报警辅助")
81.                   .width("95%")
82.                   .height("25%")
83.                   .fontSize(20)
84.                   .fontColor(Color.White)
85.                   .margin({ top: "10%" })
86.                 Text(">")
87.                   .width("5%")
88.                   .height("25%")
89.                   .fontSize(30)
90.                   .fontColor(Color.Gray)
91.                   .margin({ top: "10%" })
92.               }
94.               Row() {
95.                 Text("医疗急救卡")
96.                   .width("95%")
97.                   .height("25%")
98.                   .fontSize(20)
99.                   .fontColor(Color.White)
100.                   .margin({ bottom: "20%" })
101.                 Text(">")
102.                   .width("5%")
103.                   .height("25%")
104.                   .fontSize(30)
105.                   .fontColor(Color.Gray)
106.                   .margin({ bottom: "20%" })
107.               }
108.             }
109.           }.width("100%").height("30%")
111.           Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
112.           Row() {
113.             Column() {
114.               Row() {
115.                 Text("服务条款")
116.                   .width("95%")
117.                   .height("50%")
118.                   .fontSize(20)
119.                   .fontColor(Color.White)
120.                   .margin({ top: "0%" })
121.                 Text(">")
122.                   .width("5%")
123.                   .height("50%")
124.                   .fontSize(30)
125.                   .fontColor(Color.Gray)
126.                   .margin({ top: "0%" })
127.               }
129.             }
130.           }.width("100%").height("15%")
132.       }.width("90%").height("100%")
133.       .backgroundColor(Color.Black)
134.       .margin({ left: "2%" })
135.     }.width("100%").height("100%")
136.     .backgroundColor(Color.Black)
137.   }
138. }

复制代码

图3-6：

文件名：fangzhazhongxin.ets

1. import { router } from '@kit.ArkUI'
3. @Entry //装饰器，页面的入口组件
4. @Component //装饰器，自定义组件
5. struct sett { //struct 关键字 组件 sett 自定义组件的组件名
6.   scrmy:Scroller=new Scroller()  //注册滚动控制器
7.   build() {
8.     Column() {
9.       Column() {
10.         Row() {
12.           Button("<")  //按钮
13.             .width("10%") //宽高
14.             .height("80%")
15.             .fontSize(40) //字体大小
16.             .fontColor(Color.White) //字体颜色
17.             .backgroundColor(Color.Black) //背景颜色
18.             .padding("")  //内间距
19.             .onClick(() => { //点击做出相应动作
20.               router.back()  //跳回（只有当从其他页面跳到此页面有效）
21.             })
22.           Text("防诈中心")
23.             .width("95%")
24.             .height("100%")
25.             .fontSize(20)
26.             .fontColor(Color.White)
28.         }.width("100%").height("10%")
29.         Scroll(this.scrmy) { //滚动
30.           Column(){
31.             Row() {
32.               Column() {
33.                 Image($r("app.media.A1"))  //加载图片
34.                   .width("70%")     //图片宽高
35.                   .height("55%")
36.                   .margin({left:"0%",bottom:"2%"}) //外间距
37.                 Row(){
38.                   Text("诈骗鉴定")
39.                     .width("45%")
40.                     .height("15%")
41.                     .fontSize(20)
42.                     .fontColor(Color.White)
43.                     .margin({ top: "0%" })
44.                     .textAlign(TextAlign.Center)  //文本对齐方式
45.                     .backgroundColor("#574646")
46.                     .padding(10)
47.                     .borderRadius(15)
48.                   Text("我要举报")
49.                     .width("45%")
50.                     .height("15%")
51.                     .fontSize(20)
52.                     .fontColor(Color.White)
53.                     .margin({ left: "0%" })
54.                     .textAlign(TextAlign.Center)
55.                     .backgroundColor("#574646")
56.                     .borderRadius(15)
57.                 }
58.                 Row() {
59.                   Text("敏感信息保护")
60.                     .width("95%")
61.                     .height("15%")
62.                     .fontSize(20)
63.                     .fontColor(Color.White)
64.                     .margin({ top: "5%" })
65.                   Text("")
66.                     .width("5%")
67.                     .height("15%")
68.                     .fontSize(30)
69.                     .fontColor(Color.Gray)
70.                     .margin({ top: "5%" })
71.                 }
75.               }
76.             }.width("100%").height("60%")
78.             Text("").width("100%").borderWidth(1).borderColor(Color.Gray) //相当于画线
79.             Row() {
80.               Column() {
81.                 Row() {
82.                   Text("拦截的电话")
83.                     .width("95%")
84.                     .height("30%")
85.                     .fontSize(20)
86.                     .fontColor(Color.White)
87.                     .margin({ top: "0%" })
88.                   Text(">")
89.                     .width("5%")
90.                     .height("30%")
91.                     .fontSize(30)
92.                     .fontColor(Color.Gray)
93.                     .margin({ top: "0%" })
94.                 }
96.               }
97.             }.width("100%").height("15%")
99.             Text("").width("100%").borderWidth(1).borderColor(Color.Gray)
100.             Row() {
101.               Column() {
102.                 Row() {
103.                   Text("拦截的信息")
104.                     .width("80%")
105.                     .height("30%")
106.                     .fontSize(20)
107.                     .fontColor(Color.White)
108.                     .margin({ top: "5%" })
109.                   Text("更多")
110.                     .width("15%")
111.                     .height("30%")
112.                     .fontSize(20)
113.                     .fontColor(Color.Gray)
114.                     .margin({ top: "5%" })
115.                   Text(">")
116.                     .width("5%")
117.                     .height("30%")
118.                     .fontSize(30)
119.                     .fontColor(Color.Gray)
120.                     .margin({ top: "5%" })
121.                 }
123.                 Row() {
124.                   Text("16225506965")
125.                     .width("70%")
126.                     .height("30%")
127.                     .fontSize(20)
128.                     .fontColor(Color.White)
129.                     .margin({ bottom: "20%" })
130.                   Text("6月11日")
131.                     .width("30%")
132.                     .height("30%")
133.                     .fontSize(20)
134.                     .fontColor(Color.Gray)
135.                     .margin({ bottom: "20%" })
136.                     .textAlign(TextAlign.End)
137.                 }
138.                 Row() {
139.                   Text("171190658140")
140.                     .width("70%")
141.                     .height("30%")
142.                     .fontSize(20)
143.                     .fontColor(Color.White)
144.                     .margin({ bottom: "20%" })
145.                   Text("5月20日")
146.                     .width("30%")
147.                     .height("30%")
148.                     .fontSize(20)
149.                     .fontColor(Color.Gray)
150.                     .margin({ bottom: "20%" })
151.                     .textAlign(TextAlign.End)
152.                 }
153.               }
154.             }.width("100%").height("30%")
155.           }
156.         }.scrollable(ScrollDirection.Vertical) //滚动方向：垂直
157.         .scrollBarColor(Color.Blue) //滚动条颜色
158.         .scrollBarWidth(0)  //滚动条宽度
159.         .height("91%")
160.       }.width("90%").height("100%")
161.       .backgroundColor(Color.Black)
162.       .margin({ left: "2%" })
163.     }.width("100%").height("100%")
164.     .backgroundColor(Color.Black)
165.   }
166. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。