元服务那些事儿 | 舞刀解决隐私声明，斩断上架牵绊

"reqPermissions": [
  {
    "name": "ohos.permission.INTERNET"
  }
]

class="container">
    web src="{{param}}">web>
div>


协议详情页面的detailman.js文件，定义param变量接受index页面router传过来的参数。
代码示例：

	export default {
    data: {
        param: ""
    },
    onInit() {
    }
}


协议详情页面的detailman.css文件。
代码示例：

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}


【四 撩刀如龙】
撩刀式，如神龙飞舞，威武霸气。
元服务首页的index.hml文件，因为JS UI中不支持checkBox组件，于是使用image来实现选择效果。
代码示例：

class="container">

    div style="flex-direction: row; align-items: center; justify-content: center;">
        image id="checkImage" style="width: 25px; height: 25px;margin: 3%;" src="{{imagePath}}"
               onclick="agreeCheck">image>
        text style="width: 80%; text-align: start; padding: 2%; line-height: 25px;justify-content: center;">
            span class="fontStyle" style="color: #ff181717;">我已阅读并同意span>
            span class="fontStyle" style="color: #ff0800ff;" onclick="go(rule)">{{ rule 服务器托管网}}span>
            span class="fontStyle">与span>
            span class="fontStyle" style="color: #ff0800ff;" onclick="go(privacy)">{{ privacy }}span>
        text>
    div>
div>


image资源可参考下图。
​
​
元服务首页的index.js文件，在onshow中查询存储数据，初始化check状态。
代码示例：

import Router from '@system.router';
import storage from '@ohos.data.storage';
import featureAbility from '@ohos.ability.featureAbility';
export default {
    data: {
        privacy: "《隐私政策》",
        rule: "《用户协议》",
        imagePath: "/common/images/uncheck.png",
        context: ""
    },
    onInit() {
        this.context = featureAbility.getContext();
    },
    onShow() {
        //方式二：打开页面时初始化用户是否已同意
        this.context.getFilesDir().then((filePath) => {
            storage.getStorage(filePath + '/myDatastore').then((dataStorage) => {
                dataStorage.get("hasAgree", "false").then((value) => {
                    if (value == "false") {
                        this.imagePath = "/common/images/uncheck.png"
                    }
                    else {
                        this.imagePath = "/common/images/check.png"
                    }
                })
            })
        })
    },
    go(flag) {
        let url = "https://www.51miz.com/so-wendang/11963302.html?utm_term=12452681&utm_source=baidu3&bd_vid=8250967139616741558"
        if (flag == "《用户协议》") {
            url = "https://www.51miz.com/so-wendang/11963302.html?utm_term=12452681&utm_source=baidu3&bd_vid=8250967139616741558"
        }
        else {
            url = "https://www.tukuppt.com/wordmuban/yinsizhengce.html?plan=11177-37593-12085827&bd_vid=8439929694061694080"
        }
        Router.push({
            uri: "pages/detailman/detailman", params: {
                param: url
            }
        })
        this.$element('dragDialog').close();
    },
    agreeCheck() {
        this.context.getFilesDir().then((filePath) => {
            storage.getStorage(filePath + '/myDatastore').then((dataStorage) => {
                dataStorage.get("hasAgree", "false").then((value) => {
                    if (value == "false") {
                        //处理同意逻辑并保存已同意参数
                        dataStorage.putSync("hasAgree", "true");
                        dataStorage.flushSync();
                        this.imagePath = "/common/images/check.png"
                    }
                    else {
                        //处理不同意逻辑并保存已同意参数
                        dataStorage.putSync("hasAgree", "false");
                        dataStorage.flushSync();
                        this.imagePath = "/common/images/uncheck.png"
                    }
                })
            });
        })
    }
}


元服务首页的index.css文件

.container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.fontStyle{
    font-size: 16px
}



继承D意志的游侠们，他们三招解一题，千里不留行，事了拂衣去，深藏身与名。鸿蒙江湖高手勿发愁，勿上头，又一个场景的隐私声明问题已帮您解决，斩断了上架的牵绊，快快开启夏日多巴胺，二次激发元服务开发豪情。。。。。。
​