一、总述与效果
项目名称: about_js
项目语言: jS
体验模板: about(js)
工具:deveco studio
效果如下
二、开发步骤与核心代码
第一步 建立项目
新建一个java的应用项目
然后构建完成项目后在jltf_template下new->module
选择About Ability(js)模板,点击下一步
修改数据并选择phone;
第二步 修改模板
1.下图为项目基本结构,模板以js中的页面代码为主,java文件夹下只编写了最基本的项目运行认可代码;
页面参数基本都在i18n文件夹下,修改参数即可渲染的页面;
注意:该项目实现调转部分布局代码样式设定为display:none,很容易被忽略,需要进行修改才能显示出来,而且跳转的页面为全部白色,因为文字样式和背景都是白色需要修改;
第三步
登录你的账号然后启动模拟器即可实现效果
部分代码(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') }}
|
完整代码地址:
https://gitee.com/jltfcloudcn/jump_to/tree/master/aboutFeature_JS
附件: