#HarmonyOS征文#HarmonyOSAPP开发-about feature(JS)体验分享 - HarmonyOS技术社区 - 电子技术william hill官网 - 广受欢迎的专业电子william hill官网 - 威廉希尔官方网站
分享 收藏 返回

[文章]

#HarmonyOS征文#HarmonyOSAPP开发-about feature(JS)体验分享

about(js)

一、总述与效果
项目名称:  about_js
项目语言:  jS
体验模板: about(js)
工具:deveco studio
效果如下
图片1.png
二、开发步骤与核心代码
第一步 建立项目
新建一个java的应用项目
然后构建完成项目后在jltf_template下new->module
图片2.png

选择About Ability(js)模板,点击下一步
图片3.png
修改数据并选择phone;
图片4.png

第二步 修改模板
1.下图为项目基本结构,模板以js中的页面代码为主,java文件夹下只编写了最基本的项目运行认可代码;
图片5.png
页面参数基本都在i18n文件夹下,修改参数即可渲染的页面;
图片6.png
注意:该项目实现调转部分布局代码样式设定为display:none,很容易被忽略,需要进行修改才能显示出来,而且跳转的页面为全部白色,因为文字样式和背景都是白色需要修改;
图片7.png
第三步
登录你的账号然后启动模拟器即可实现效果
部分代码(index.html-修改后)

   

        

            

               
            

            title">{{ $t('string.title') }}
        

        

            
            {{ $t('string.aboutPage_title_primary') }}
            {{ $t('string.aboutPage_title_secondary') }}
        

   

   

        

            

               

                    

                        {{ $t('string.official_website') }}
                        {{ $t('string.url') }}
                    

                    

                        
                    

               

               

                    

                        {{ $t('string.developer') }}
                        {{ $t('string.developer_url') }}
                    

                    

                        
                    

               

               

                    

                        {{ $t('string.wechat') }}
                        {{ $t('string.wechat_url') }}
                    

                    

                        
                    

               

               

                    

                        {{ $t('string.share') }}
                        {{ $t('string.share_url') }}
                    

                    

                        
                    

               

            

        

        

                {{ $t('string.user_protocol') }}
                {{ $t('string.privacy_statement') }}
            {{ $t('string.copyright_text') }}
            {{ $t('string.technicalSupport_text') }}
        

   


完整代码地址:
https://gitee.com/jltfcloudcn/jump_to/tree/master/aboutFeature_JS
附件:
HarmonyOSAPP开发-about feature(JS)体验分享.zip (863.15 KB)
(下载次数: 0, 2021-7-7 16:45 上传)


更多回帖

×
发帖