基于uview的uniapp组建
npm install uniapp-uview-components
npm install uview-ui
`
安装 uniapp-uview-components
`
npm install uniapp-uview-components
`
main.js 引入
`js
import uView from "uview-ui";
import uniappUviewComponents from "uniapp-uview-components";
Vue.use(uView);
Vue.use(uniappUviewComponents)
`
uni.scss 引入
`angular2html
@import 'uview-ui/theme.scss';
`
App.vue 引入
`angular2html
`
vue.config.js 配置
`js
// vue.config.js，如没有此文件则手动创建
module.exports = {
transpileDependencies: ["uview-ui","uniapp-uview-components"]
}
`
page.json 配置
`json
"easycom":{
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
"^view-(.*)": "uniapp-uview-components/components/view-$1/view-$1.vue"
}
`
API
> 使用微信隐私政策相关组件在2023/9/15号之前需要添加以下配置
>
> uniapp中 -> manifest.json -> "mp-weixin"
`json
"mp-weixin": {
/ 添加以下配置 /
"__usePrivacyCheck__": true,
},
`
> __usePrivacyCheck__ 开启后。使用对应的接口时需要在微信后台更新对应的接口隐私说明，不存在该接口隐私说明的可能无反应或报错
view-agree-privacy 隐私政策组件
$3
| 属性 | 类型 | 默认值 | 说明 |
|---------------------------|---------|----------------------------------------------------------------------|------------------------------------------|
| title | String | 隐私政策概要 | 标题当设置title时autoTitle不生效 |
| autoTitle | boolean | false | 是否自动设置标题 默认false |
| subTitle | String | 亲爱的用户，感谢您一直以来的支持!为了更好地保护您的权益，同时遵守相关监管要求，请认真阅读《xxx小程序隐私保护指引》，特向您说明如下: | 副标题 |
| agreePrivacyId | String | agree-btn | (可不配置)按钮id 当指定权限按钮id时要与该id对应 |
| disableCheckPrivacy | boolean | false | 禁止自动检测隐私 |
$3
| 事件 | 参数 | 说明 |
|--------------------------|--------------------------|-------------------------------------|
| agree | buttonId | 用户点击同意事件 buttonId同意按钮的id |
| disagree | 无 | 用户点击拒绝事件 |
| needPrivacyAuthorization | resolve, eventInfo | 当触发微信onNeedPrivacyAuthorization回调事件 |
$3
`vue
`
view-main 根组件
> 该组件一般用于根组件（后续会在该组件放入一些公共方法以方便调用）
>
> 目前该组件内包含 view-agree-privacy 用法与其组件相同
$3
| 属性 | 类型 | 说明 |
|---------------------|--------|----------------------------------------|
| agreePrivacyConfig | Object | 用于配置隐私弹框 详情预览view-agree-privacy组件props |
$3
| 事件 | 参数 | 说明 |
|--------------------------|--------------------|-------------------------------------|
| agree | buttonId | 用户点击同意事件 buttonId同意按钮的id |
| disagree | 无 | 用户点击拒绝事件 |
| needPrivacyAuthorization | resolve, eventInfo | 当触发微信onNeedPrivacyAuthorization回调事件 |
$3
`vue
``