Skip to content

U
uni-starter

DCloud / uni-starter

通知 4694
Star 229
Fork 210
U
uni-starter
提交 4f933850 编写于 作者: DCloud_JSON's avatar DCloud_JSON 提交者： study夏羽
浏览文件
操作

- 修复微信小程序绑定手机号失败的问题

上级 2f8d4f4f
显示空白变更内容
内联 并排
Showing with 3125 addition and 3153 deletion
changelog.md
浏览文件 @ 4f933850
## 1.2.7（2022-08-10）
- 修复微信小程序绑定手机号失败的问题
## 1.2.6（2022-06-29） ## 1.2.6（2022-06-29）
- 支持 ios 安全区 - 支持 ios 安全区
## 1.2.5（2022-05-29） ## 1.2.5（2022-05-29）
......
components/uni-agreements/uni-agreements.vue
浏览文件 @ 4f933850
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<checkbox :checked="isAgree" style="transform: scale(0.7);" /> <checkbox :checked="isAgree" style="transform: scale(0.7);" />
<text>{{$t('common.agree')}}</text> <text>{{$t('common.agree')}}</text>
</checkbox-group> </checkbox-group>
<view v-if="agreements" class="item" v-for="(agreement,index) in agreements" :key="index"> <view class="item" v-for="(agreement,index) in agreements" :key="index">
<text class="agreement" @click="navigateTo(agreement)">{{agreement.title}}</text> <text class="agreement" @click="navigateTo(agreement)">{{agreement.title}}</text>
<text class="hint" v-if="hasAnd(agreements,index)">&</text> <text class="hint" v-if="hasAnd(agreements,index)">&</text>
</view> </view>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
name:"uni-agreements", name:"uni-agreements",
computed:{ computed:{
agreements(){ agreements(){
return getApp({allowDefault: true}).globalData.config.about.agreements||[] return getApp().globalData.config.about.agreements||[]
} }
}, },
methods:{ methods:{
......
components/uni-bindMobileByMpWeixin/uni-bindMobileByMpWeixin.vue
浏览文件 @ 4f933850
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
}, },
bindMobileByMpWeixin(e) { bindMobileByMpWeixin(e) {
console.log(e.detail); console.log(e.detail);
if(e.errMsg == "getPhoneNumber:ok"){ if(e.detail.errMsg == "getPhoneNumber:ok"){
uniCloud.callFunction({ uniCloud.callFunction({
name: "uni-id-cf", name: "uni-id-cf",
data: { data: {
......
manifest.json
浏览文件 @ 4f933850
{ {
"name" : "uni-starter", "name": "uni-starter",
"appid" : "__UNI__EC87F46", "appid": "请点击重新获取",
"description" : "", "description": "",
"versionName" : "1.0.0", "versionName": "1.0.0",
"versionCode" : "100", "versionCode": "100",
"transformPx" : false, "transformPx": false,
/* 5+App特有相关 */ "app-plus": {
"app-plus" : { "usingComponents": true,
"usingComponents" : true, "nvueStyleCompiler": "uni-app",
"nvueStyleCompiler" : "uni-app", "compilerVersion": 3,
"compilerVersion" : 3, "splashscreen": {
"splashscreen" : { "alwaysShowBeforeRender": true,
"alwaysShowBeforeRender" : true, "waiting": true,
"waiting" : true, "autoclose": true,
"autoclose" : true, "delay": 0
"delay" : 0
}, },
/* 模块配置 */ "modules": {
"modules" : {}, },
/* 应用发布信息 */ "distribute": {
"distribute" : { "android": {
/* android打包配置 */ "permissions": [
"android" : {
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
...@@ -40,33 +37,38 @@ ...@@ -40,33 +37,38 @@
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios打包配置 */ "ios": {
"ios" : {}, },
/* SDK配置 */ "sdkConfigs": {
"sdkConfigs" : {} }
} }
}, },
/* 快应用特有相关 */ "quickapp": {
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "",
"setting" : {
"urlCheck" : false
}, },
"usingComponents" : true "mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false
},
"usingComponents": true,
"permission": {
"scope.userLocation": {
"desc": "用于提供应用算法支持"
}
}
}, },
"mp-alipay" : { "mp-alipay": {
"usingComponents" : true "usingComponents": true
}, },
"mp-baidu" : { "mp-baidu": {
"usingComponents" : true "usingComponents": true
}, },
"mp-toutiao" : { "mp-toutiao": {
"usingComponents" : true "usingComponents": true
}, },
"uniStatistics" : { "uniStatistics": {
"enable" : false "enable": false
}, },
"vueVersion" : "2" "vueVersion": "2",
"_spaceID": ""
} }
\ No newline at end of file
package.json
浏览文件 @ 4f933850
{ {
"id": "uni-starter", "id": "uni-starter",
"displayName": "uni-starter", "displayName": "uni-starter",
"version": "1.2.6", "version": "1.2.7",
"description": "云端一体应用快速开发基本项目模版", "description": "云端一体应用快速开发基本项目模版",
"keywords": [ "keywords": [
"login", "login",
...@@ -15,10 +15,6 @@ ...@@ -15,10 +15,6 @@
"HBuilderX": "^3.2.6" "HBuilderX": "^3.2.6"
}, },
"dcloudext": { "dcloudext": {
"category": [
"uniCloud",
"云端一体项目模板"
],
"sale": { "sale": {
"regular": { "regular": {
"price": "0.00" "price": "0.00"
...@@ -35,7 +31,8 @@ ...@@ -35,7 +31,8 @@
"data": "无", "data": "无",
"permissions": "无" "permissions": "无"
}, },
"npmurl": "" "npmurl": "",
"type": "unicloud-template-project"
}, },
"uni_modules": { "uni_modules": {
"dependencies": [ "dependencies": [
...@@ -85,7 +82,5 @@ ...@@ -85,7 +82,5 @@
} }
} }
}, },
"dependencies": { "dependencies": {}
"@jest/test-sequencer": "^27.5.1"
}
} }
pages/ucenter/ucenter.vue
浏览文件 @ 4f933850
...@@ -2,8 +2,7 @@ ...@@ -2,8 +2,7 @@
<view class="center"> <view class="center">
<uni-sign-in ref="signIn"></uni-sign-in> <uni-sign-in ref="signIn"></uni-sign-in>
<view class="userInfo" @click.capture="toUserInfo"> <view class="userInfo" @click.capture="toUserInfo">
<cloud-image width="150rpx" height="150rpx" v-if="userInfo.avatar_file&&userInfo.avatar_file.url" <cloud-image width="150rpx" height="150rpx" v-if="userInfo.avatar_file&&userInfo.avatar_file.url" :src="userInfo.avatar_file.url"></cloud-image>
:src="userInfo.avatar_file.url"></cloud-image>
<image v-else class="logo-img" src="@/static/uni-center/defaultAvatarUrl.png"></image> <image v-else class="logo-img" src="@/static/uni-center/defaultAvatarUrl.png"></image>
<view class="logo-title"> <view class="logo-title">
<text class="uer-name" v-if="hasLogin">{{userInfo.nickname||userInfo.username||userInfo.mobile}}</text> <text class="uer-name" v-if="hasLogin">{{userInfo.nickname||userInfo.username||userInfo.mobile}}</text>
...@@ -45,11 +44,9 @@ ...@@ -45,11 +44,9 @@
const db = uniCloud.database(); const db = uniCloud.database();
export default { export default {
// #ifdef APP // #ifdef APP
onBackPress({ onBackPress({from}) {
from if(from=='backbutton'){
}) { this.$nextTick(function(){
if (from == 'backbutton') {
this.$nextTick(function() {
uniShare.hide() uniShare.hide()
}) })
return uniShare.isShow; return uniShare.isShow;
...@@ -97,7 +94,7 @@ ...@@ -97,7 +94,7 @@
}, },
//#endif //#endif
{ {
"title": this.$t('mine.readArticles'), "title":this.$t('mine.readArticles'),
"to": '/pages/ucenter/read-news-log/read-news-log', "to": '/pages/ucenter/read-news-log/read-news-log',
"icon": "flag" "icon": "flag"
}, },
...@@ -139,16 +136,14 @@ ...@@ -139,16 +136,14 @@
"style": "solid", // 边框样式 "style": "solid", // 边框样式
"radius": "100%" // 边框圆角，支持百分比 "radius": "100%" // 边框圆角，支持百分比
} }
}, }
uniToken:''
} }
}, },
onLoad() { onLoad() {
// console.log(313,this.userInfo,this.hasLogin); // console.log(313,this.userInfo,this.hasLogin);
console.log("this.appVersion: ",this.appVersion);
//#ifdef APP-PLUS //#ifdef APP-PLUS
this.ucenterList[this.ucenterList.length - 2].unshift({ this.ucenterList[this.ucenterList.length - 2].unshift({
title: this.$t('mine.checkUpdate'), // this.this.$t('mine.checkUpdate')"检查更新" title:this.$t('mine.checkUpdate'),// this.this.$t('mine.checkUpdate')"检查更新"
rightText: this.appVersion.version + '-' + this.appVersion.versionCode, rightText: this.appVersion.version + '-' + this.appVersion.versionCode,
event: 'checkVersion', event: 'checkVersion',
icon: 'loop', icon: 'loop',
...@@ -156,10 +151,6 @@ ...@@ -156,10 +151,6 @@
}) })
//#endif //#endif
}, },
onReady() {
this.uniToken = uni.getStorageSync('uni_id_token')
console.log("uniToken: ", this.uniToken);
},
computed: { computed: {
...mapGetters({ ...mapGetters({
userInfo: 'user/info', userInfo: 'user/info',
...@@ -168,12 +159,12 @@ ...@@ -168,12 +159,12 @@
// #ifdef APP-PLUS // #ifdef APP-PLUS
, ,
appVersion() { appVersion() {
return getApp({allowDefault: true}).appVersion return getApp().appVersion
} }
// #endif // #endif
, ,
appConfig() { appConfig() {
return getApp({allowDefault: true}).globalData.config return getApp().globalData.config
} }
}, },
methods: { methods: {
...@@ -186,11 +177,9 @@ ...@@ -186,11 +177,9 @@
}) })
}, },
signIn() { //普通签到 signIn() { //普通签到
console.log('app---普通签到');
this.$refs.signIn.open() this.$refs.signIn.open()
}, },
signInByAd() { //看激励视频广告签到 signInByAd(){ //看激励视频广告签到
console.log('app---看激励视频广告签到');
this.$refs.signIn.showRewardedVideoAd() this.$refs.signIn.showRewardedVideoAd()
}, },
/** /**
...@@ -221,7 +210,7 @@ ...@@ -221,7 +210,7 @@
tapGrid(index) { tapGrid(index) {
uni.showToast({ uni.showToast({
// title: '你点击了，第' + (index + 1) + '个', // title: '你点击了，第' + (index + 1) + '个',
title: this.$t('mine.clicked') + " " + (index + 1), title: this.$t('mine.clicked') + " " + (index + 1) ,
icon: 'none' icon: 'none'
}); });
}, },
...@@ -248,7 +237,7 @@ ...@@ -248,7 +237,7 @@
/** /**
* 获取积分信息 * 获取积分信息
*/ */
async getScore() { getScore() {
if (!this.userInfo) return uni.showToast({ if (!this.userInfo) return uni.showToast({
title: this.$t('mine.checkScore'), title: this.$t('mine.checkScore'),
icon: 'none' icon: 'none'
...@@ -256,7 +245,7 @@ ...@@ -256,7 +245,7 @@
uni.showLoading({ uni.showLoading({
mask: true mask: true
}) })
return await db.collection("uni-id-scores") db.collection("uni-id-scores")
.where('"user_id" == $env.uid') .where('"user_id" == $env.uid')
.field('score,balance') .field('score,balance')
.orderBy("create_date", "desc") .orderBy("create_date", "desc")
...@@ -266,23 +255,19 @@ ...@@ -266,23 +255,19 @@
console.log(res); console.log(res);
const data = res.result.data[0]; const data = res.result.data[0];
let msg = ''; let msg = '';
msg = data ? (this.$t('mine.currentScore') + data.balance) : this.$t('mine.noScore'); msg = data ? (this.$t('mine.currentScore')+ data.balance) : this.$t('mine.noScore');
uni.showToast({ uni.showToast({
title: msg, title: msg,
icon: 'none' icon: 'none'
}); });
return data }).finally(()=>{
}).catch((reason) => {
console.log(reason, '这是失败的操作');
return reason
}).finally((e) => {
uni.hideLoading() uni.hideLoading()
console.log("e: ", e);
return e
}) })
}, },
async share() { async share() {
let {result} = await uniCloud.callFunction({ let {
result
} = await uniCloud.callFunction({
name: 'uni-id-cf', name: 'uni-id-cf',
data: { data: {
action: 'getUserInviteCode' action: 'getUserInviteCode'
...@@ -370,7 +355,6 @@ ...@@ -370,7 +355,6 @@
page { page {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
/* #endif*/ /* #endif*/
.center { .center {
......
uni-starter.config.js
浏览文件 @ 4f933850
...@@ -30,27 +30,27 @@ export default { ...@@ -30,27 +30,27 @@ export default {
2.visitor：白名单模式。枚举游客可访问的页面。 2.visitor：白名单模式。枚举游客可访问的页面。
* 注意：黑名单与白名单模式二选一 * 注意：黑名单与白名单模式二选一
*/ */
"needLogin" : [ // "needLogin" : [
// {pattern:/^\/pages\/list.*/}, //支持正则表达式 // {pattern:/^\/pages\/list.*/}, //支持正则表达式
// "/uni_modules/uni-news-favorite/pages/uni-news-favorite/list", // "/uni_modules/uni-news-favorite/pages/uni-news-favorite/list",
// "/uni_modules/uni-feedback/pages/uni-feedback/add" // "/uni_modules/uni-feedback/pages/uni-feedback/add"
],
// "visitor" : [
// "/",//注意入口页必须直接写 "/"
// {"pattern":/^\/pages\/list.*/}, //支持正则表达式
// {"pattern":/^\/pages\/ucenter\/login-page.*/},
// "/pages/common/webview/webview",
// "/pages/grid/grid",
// "/pages/ucenter/ucenter",
// "/pages/ucenter/about/about",
// "/pages/ucenter/settings/settings"
// ], // ],
"visitor" : [
"/",//注意入口页必须直接写 "/"
{"pattern":/^\/pages\/list.*/}, //支持正则表达式
{"pattern":/^\/pages\/ucenter\/login-page.*/},
"/pages/common/webview/webview",
"/pages/grid/grid",
"/pages/ucenter/ucenter",
"/pages/ucenter/about/about",
"/pages/ucenter/settings/settings"
],
/* /*
login:配置登录类型与优先级 login:配置登录类型与优先级
未列举到的，或设备环境不支持的选项，将被隐藏。如果你需要在不同平台有不同的配置，直接用条件编译即可 未列举到的，或设备环境不支持的选项，将被隐藏。如果你需要在不同平台有不同的配置，直接用条件编译即可
根据数组的第0项，决定登录方式的第一优先级。 根据数组的第0项，决定登录方式的第一优先级。
*/ */
"login": ["username", "univerify", "weixin", "smsCode", "apple"], "login": ["weixin","univerify","username", "smsCode", "apple"]
}, },
//关于应用 //关于应用
"about": { "about": {
...@@ -65,11 +65,11 @@ export default { ...@@ -65,11 +65,11 @@ export default {
//政策协议 //政策协议
"agreements": [{ "agreements": [{
"title": "用户服务协议", //如果开启了多语言国际化，本配置将失效。请在 lang/en.js 和 lang/zh-Hans.js中配置 "title": "用户服务协议", //如果开启了多语言国际化，本配置将失效。请在 lang/en.js 和 lang/zh-Hans.js中配置
"url": "https://ask.dcloud.net.cn/protocol.html" //对应的网络链接 "url": "请填写用户服务协议链接" //对应的网络链接
}, },
{ {
"title": "隐私政策", //如果开启了多语言国际化，本配置将失效。请在 lang/en.js 和 lang/zh-Hans.js中配置 "title": "隐私政策", //如果开启了多语言国际化，本配置将失效。请在 lang/en.js 和 lang/zh-Hans.js中配置
"url": "https://ask.dcloud.net.cn/protocol.html" //对应的网络链接 "url": "请填写隐私政策链接" //对应的网络链接
} }
], ],
//应用的链接，用于分享到第三方平台和生成关于我们页的二维码 //应用的链接，用于分享到第三方平台和生成关于我们页的二维码
......
uni_modules/uni-calendar/changelog.md
浏览文件 @ 4f933850
## 1.4.5（2022-02-25）
- 修复 条件编译 nvue 不支持的 css 样式
## 1.4.4（2022-02-25）
- 修复 条件编译 nvue 不支持的 css 样式
## 1.4.3（2021-09-22） ## 1.4.3（2021-09-22）
- 修复 startDate、 endDate 属性失效的 bug - 修复 startDate、 endDate 属性失效的 bug
## 1.4.2（2021-08-24） ## 1.4.2（2021-08-24）
......
uni_modules/uni-calendar/package.json
浏览文件 @ 4f933850
{ {
"id": "uni-calendar", "id": "uni-calendar",
"displayName": "uni-calendar 日历", "displayName": "uni-calendar 日历",
"version": "1.4.5", "version": "1.4.3",
"description": "日历组件", "description": "日历组件",
"keywords": [ "keywords": [
"uni-ui", "uni-ui",
......
uni_modules/uni-datetime-picker/changelog.md
浏览文件 @ 4f933850
## 2.2.4（2022-03-31）
- 修复 Vue3 下动态赋值,单选类型未响应的 bug
## 2.2.3（2022-03-28）
- 修复 Vue3 下动态赋值未响应的 bug
## 2.2.2（2021-12-10） ## 2.2.2（2021-12-10）
- 修复 clear-icon 属性在小程序平台不生效的 bug - 修复 clear-icon 属性在小程序平台不生效的 bug
## 2.2.1（2021-12-10） ## 2.2.1（2021-12-10）
......
uni_modules/uni-datetime-picker/package.json
浏览文件 @ 4f933850
{ {
"id": "uni-datetime-picker", "id": "uni-datetime-picker",
"displayName": "uni-datetime-picker 日期选择器", "displayName": "uni-datetime-picker 日期选择器",
"version": "2.2.4", "version": "2.2.2",
"description": "uni-datetime-picker 日期时间选择器，支持日历，支持范围选择", "description": "uni-datetime-picker 日期时间选择器，支持日历，支持范围选择",
"keywords": [ "keywords": [
"uni-datetime-picker", "uni-datetime-picker",
......
uni_modules/uni-nav-bar/changelog.md
浏览文件 @ 4f933850
## 1.3.5（2022-05-24）
- 新增 stat 属性 ，可开启统计title 上报 ，仅使用了title 属性且项目开启了uni统计生效
## 1.3.4（2022-01-24） ## 1.3.4（2022-01-24）
- 更新 组件示例 - 更新 组件示例
## 1.3.3（2022-01-24） ## 1.3.3（2022-01-24）
......
uni_modules/uni-nav-bar/package.json
浏览文件 @ 4f933850
{ {
"id": "uni-nav-bar", "id": "uni-nav-bar",
"displayName": "uni-nav-bar 自定义导航栏", "displayName": "uni-nav-bar 自定义导航栏",
"version": "1.3.5", "version": "1.3.4",
"description": "自定义导航栏组件，主要用于头部导航。", "description": "自定义导航栏组件，主要用于头部导航。",
"keywords": [ "keywords": [
"uni-ui", "uni-ui",
......
uni_modules/uni-popup/changelog.md
浏览文件 @ 4f933850
## 1.7.9（2022-04-02）
- 修复 弹出层内部无法滚动的bug
## 1.7.8（2022-03-28）
- 修复 小程序中高度错误的bug
## 1.7.7（2022-03-17）
- 修复 快速调用open出现问题的Bug
## 1.7.6（2022-02-14） ## 1.7.6（2022-02-14）
- 修复 safeArea 属性不能设置为false的bug - 修复 safeArea 属性不能设置为false的bug
## 1.7.5（2022-01-19） ## 1.7.5（2022-01-19）
......
uni_modules/uni-popup/package.json
浏览文件 @ 4f933850
{ {
"id": "uni-popup", "id": "uni-popup",
"displayName": "uni-popup 弹出层", "displayName": "uni-popup 弹出层",
"version": "1.7.9", "version": "1.7.6",
"description": " Popup 组件，提供常用的弹层", "description": " Popup 组件，提供常用的弹层",
"keywords": [ "keywords": [
"uni-ui", "uni-ui",
......
uni_modules/uni-search-bar/readme.md
浏览文件 @ 4f933850
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
> 代码块： `uSearchBar` > 代码块： `uSearchBar`
搜索栏组件 评分组件
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-search-bar) ### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-search-bar)
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 #### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839
......
uni_modules/uni-ui/package.json
浏览文件 @ 4f933850
{ {
"id": "uni-ui", "id": "uni-ui",
"displayName": "uni-ui", "displayName": "uni-ui",
"version": "1.4.16", "version": "1.4.11",
"description": "uni-ui 是基于uni-app的、全端兼容的、高性能UI框架", "description": "uni-ui 是一个基于uni-app全端兼容的高性能UI框架",
"keywords": [ "keywords": [
"uni-ui", "uni-ui",
"uniui", "uniui",
......
uni_modules/uni-ui/readme.md
浏览文件 @ 4f933850
...@@ -58,67 +58,9 @@ ui是一种需求非常发散的产品，DCloud官方也无意用 `uni-ui` 压 ...@@ -58,67 +58,9 @@ ui是一种需求非常发散的产品，DCloud官方也无意用 `uni-ui` 压
我们欢迎更多优秀的ui组件出现，也欢迎更多人贡献 `uni-ui` 的主题风格，满足更多用户的需求。 我们欢迎更多优秀的ui组件出现，也欢迎更多人贡献 `uni-ui` 的主题风格，满足更多用户的需求。
## 快速开始 # 快速开始
uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别组件等多种使用方式
### 在HBuilderX 新建uni-app项目的模板中，选择uni-ui模板
![HBuilderX内创建uni-ui项目](https://img.cdn.aliyun.dcloud.net.cn/uni-app/doc/create-uni-ui-project.jpg)
由于uni-app独特的[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)技术，可以免引用、注册，直接使用各种符合规则的vue组件。
在代码区键入`u`，拉出各种内置或uni-ui的组件列表，选择其中一个，即可使用该组件。
光标放在组件名称上，按F1，可以查阅组件的文档。
![uni-ui代码块](https://img.cdn.aliyun.dcloud.net.cn/uni-app/doc/uni-ui-snippet.jpg)
### 通过 uni_modules 单独安装组件
如果你没有创建uni-ui项目模板，也可以在你的工程里，通过 uni_modules 单独安装需要的某个组件。下表为uni-ui的扩展组件清单，点击每个组件在详情页面可以导入组件到项目下，导入后直接使用即可，无需import和注册。
|组件名|组件说明|
|---|---|
|uni-badge|[数字角标](https://ext.dcloud.net.cn/plugin?name=uni-badge)|
|uni-calendar|[日历](https://ext.dcloud.net.cn/plugin?name=uni-calendar)|
|uni-card|[卡片](https://ext.dcloud.net.cn/plugin?name=uni-card)|
|uni-collapse|[折叠面板](https://ext.dcloud.net.cn/plugin?name=uni-collapse)|
|uni-combox|[组合框](https://ext.dcloud.net.cn/plugin?name=uni-combox)|
|uni-countdown|[倒计时](https://ext.dcloud.net.cn/plugin?name=uni-countdown)|
|uni-data-checkbox|[数据选择器](https://ext.dcloud.net.cn/plugin?name=uni-data-checkbox)|
|uni-data-picker|[数据驱动的picker选择器](https://ext.dcloud.net.cn/plugin?name=uni-data-picker)|
|uni-dateformat|[日期格式化](https://ext.dcloud.net.cn/plugin?name=uni-dateformat)|
|uni-datetime-picker|[日期选择器](https://ext.dcloud.net.cn/plugin?name=uni-datetime-picker)|
|uni-drawer|[抽屉](https://ext.dcloud.net.cn/plugin?name=uni-drawer)|
|uni-easyinput|[增强输入框](https://ext.dcloud.net.cn/plugin?name=uni-easyinput)|
|uni-fab|[悬浮按钮](https://ext.dcloud.net.cn/plugin?name=uni-fab)|
|uni-fav|[收藏按钮](https://ext.dcloud.net.cn/plugin?name=uni-fav)|
|uni-file-picker|[文件选择上传](https://ext.dcloud.net.cn/plugin?name=uni-file-picker)|
|uni-forms|[表单](https://ext.dcloud.net.cn/plugin?name=uni-forms)|
|uni-goods-nav|[商品导航](https://ext.dcloud.net.cn/plugin?name=uni-goods-nav)|
|uni-grid|[宫格](https://ext.dcloud.net.cn/plugin?name=uni-grid)|
|uni-group|[分组](https://ext.dcloud.net.cn/plugin?name=uni-group)|
|uni-icons|[图标](https://ext.dcloud.net.cn/plugin?name=uni-icons)|
|uni-indexed-list|[索引列表](https://ext.dcloud.net.cn/plugin?name=uni-indexed-list)|
|uni-link|[超链接](https://ext.dcloud.net.cn/plugin?name=uni-link)|
|uni-list|[列表](https://ext.dcloud.net.cn/plugin?name=uni-list)|
|uni-load-more|[加载更多](https://ext.dcloud.net.cn/plugin?name=uni-load-more)|
|uni-nav-bar|[自定义导航栏](https://ext.dcloud.net.cn/plugin?name=uni-nav-bar)|
|uni-notice-bar|[通告栏](https://ext.dcloud.net.cn/plugin?name=uni-notice-bar)|
|uni-number-box|[数字输入框](https://ext.dcloud.net.cn/plugin?name=uni-number-box)|
|uni-pagination|[分页器](https://ext.dcloud.net.cn/plugin?name=uni-pagination)|
|uni-popup|[弹出层](https://ext.dcloud.net.cn/plugin?name=uni-popup)|
|uni-rate|[评分](https://ext.dcloud.net.cn/plugin?name=uni-rate)|
|uni-row|[布局-行](https://ext.dcloud.net.cn/plugin?name=uni-row)|
|uni-search-bar|[搜索栏](https://ext.dcloud.net.cn/plugin?name=uni-search-bar)|
|uni-segmented-control|[分段器](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control)|
|uni-steps|[步骤条](https://ext.dcloud.net.cn/plugin?name=uni-steps)|
|uni-swipe-action|[滑动操作](https://ext.dcloud.net.cn/plugin?name=uni-swipe-action)|
|uni-swiper-dot|[轮播图指示点](https://ext.dcloud.net.cn/plugin?name=uni-swiper-dot)|
|uni-table|[表格](https://ext.dcloud.net.cn/plugin?name=uni-table)|
|uni-tag|[标签](https://ext.dcloud.net.cn/plugin?name=uni-tag)|
|uni-title|[章节标题](https://ext.dcloud.net.cn/plugin?name=uni-title)|
|uni-transition|[过渡动画](https://ext.dcloud.net.cn/plugin?name=uni-transition)|
## 方式一：使用 uni_modules 安装（推荐）
使用 `uni_modules` 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 `uni-ui` 组件。[点击安装 uni-ui 组件库](https://ext.dcloud.net.cn/plugin?id=55) 使用 `uni_modules` 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 `uni-ui` 组件。[点击安装 uni-ui 组件库](https://ext.dcloud.net.cn/plugin?id=55)
...@@ -128,10 +70,8 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别 ...@@ -128,10 +70,8 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别
例如需更新 `uni-list`和`uni-badge` ,将 `uni_modules>uni-list>components`和`uni_modules>uni-badege>components`下所有目录拷贝到如下目录即可： 例如需更新 `uni-list`和`uni-badge` ,将 `uni_modules>uni-list>components`和`uni_modules>uni-badege>components`下所有目录拷贝到如下目录即可：
**目录示例** **目录示例**
```json {2,3,4,5,6,7}
```json
┌─components 组件目录 ┌─components 组件目录
│ ├─uni-list list 列表目录 │ ├─uni-list list 列表目录
│ │ └─uni-list.vue list 组件文件 │ │ └─uni-list.vue list 组件文件
...@@ -150,15 +90,10 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别 ...@@ -150,15 +90,10 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别
``` ```
### 通过 `uni_modules` 导入全部组件
如果想一次把所有uni-ui组件导入到项目中，只需要导入一个 `uni-ui` 组件即可 [点击去导入](https://ext.dcloud.net.cn/plugin?id=55)。
如果没有自动导入其他组件，可以在 uni-ui 组件目录上右键选择 `安装三方插件依赖` 即可。
## 方式二：使用 npm 安装
### npm安装 在 `vue-cli` 项目中可以使用 `npm` 安装 `uni-ui` 库 ，或者直接在 `HBuilderX` 项目中使用 `npm` 。（不推荐后一种方式）
在 `vue-cli` 项目中可以使用 `npm` 安装 `uni-ui` 库 ，或者直接在 `HBuilderX` 项目中使用 `npm` 。
> **注意** > **注意**
> cli 项目默认是不编译 `node_modules` 下的组件的，导致条件编译等功能失效 ，导致组件异常 > cli 项目默认是不编译 `node_modules` 下的组件的，导致条件编译等功能失效 ，导致组件异常
...@@ -186,8 +121,8 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别 ...@@ -186,8 +121,8 @@ uni-ui支持 HBuilderX直接新建项目模板、npm安装和单独导入个别
npm i sass-loader@10.1.1 -D 或 yarn add sass-loader@10.1.1 -D npm i sass-loader@10.1.1 -D 或 yarn add sass-loader@10.1.1 -D
``` ```
> 如果 `node` 版本小于 16 ，sass-loader 请使用低于 @11.0.0 的版本，[sass-loader@11.0.0 不支持 vue@2.6.12 ](https://stackoverflow.com/questions/66082397/typeerror-this-getoptions-is-not-a-function) > sass-loader 请使用低于 @11.0.0 的版本，[sass-loader@11.0.0 不支持 vue@2.6.12 ](https://stackoverflow.com/questions/66082397/typeerror-this-getoptions-is-not-a-function)
> 如果 `node` 版本大于 16 ， `sass-loader` 建议使用 `v8.x` 版本
**安装 uni-ui** **安装 uni-ui**
...@@ -197,14 +132,44 @@ npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui ...@@ -197,14 +132,44 @@ npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui
**配置easycom** 在 ``script`` 中引用组件：
```javascript
import {uniBadge} from '@dcloudio/uni-ui'
//import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' //也可使用此方式引入组件
export default {
components: {uniBadge}
}
```
在 ``template`` 中使用组件：
```html
<uni-badge text="1"></uni-badge>
<uni-badge text="2" type="success" @click="bindClick"></uni-badge>
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>
```
> **注意**
> - `CLI` 引用方式， `H5` 端不支持在 `main.js` 中全局注册组件，如有需求请使用（[easyCom](https://uniapp.dcloud.io/collocation/pages?id=easycom)） 的方式引用组件
> - 使用 npm 安装的组件，默认情况下 babel-loader 会忽略所有 node_modules 中的文件 ，导致条件编译失效，需要通过配置 `vue.config.js` 解决：
> ```javascript
> // 在根目录创建 vue.config.js 文件，并配置如下
> module.exports = {
> transpileDependencies: ['@dcloudio/uni-ui']
> }
> ```
## 使用 npm + easycom
使用 `npm` 安装好 `uni-ui` 之后，需要配置 `easycom` 规则，让 `npm` 安装的组件支持 `easycom` 使用 `npm` 安装好 `uni-ui` 之后，需要配置 `easycom` 规则，让 `npm` 安装的组件支持 `easycom`
打开项目根目录下的 `pages.json` 并添加 `easycom` 节点： 打开项目根目录下的 `pages.json` 并添加 `easycom` 节点：
```javascript ```javascript {8}
// pages.json // pages.json
{ {
"easycom": { "easycom": {
"autoscan": true, "autoscan": true,
...@@ -222,25 +187,61 @@ npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui ...@@ -222,25 +187,61 @@ npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui
``` ```
在 ``template`` 中使用组件： ### uni-ui 已支持的组件列表
|组件名|组件说明|
|---|---|
|uni-badge|[数字角标](https://ext.dcloud.net.cn/plugin?name=uni-badge)|
|uni-calendar|[日历](https://ext.dcloud.net.cn/plugin?name=uni-calendar)|
|uni-card|[卡片](https://ext.dcloud.net.cn/plugin?name=uni-card)|
|uni-collapse|[折叠面板](https://ext.dcloud.net.cn/plugin?name=uni-collapse)|
|uni-combox|[组合框](https://ext.dcloud.net.cn/plugin?name=uni-combox)|
|uni-countdown|[倒计时](https://ext.dcloud.net.cn/plugin?name=uni-countdown)|
|uni-data-checkbox|[数据选择器](https://ext.dcloud.net.cn/plugin?name=uni-data-checkbox)|
|uni-data-picker|[数据驱动的picker选择器](https://ext.dcloud.net.cn/plugin?name=uni-data-picker)|
|uni-dateformat|[日期格式化](https://ext.dcloud.net.cn/plugin?name=uni-dateformat)|
|uni-datetime-picker|[日期选择器](https://ext.dcloud.net.cn/plugin?name=uni-datetime-picker)|
|uni-drawer|[抽屉](https://ext.dcloud.net.cn/plugin?name=uni-drawer)|
|uni-easyinput|[增强输入框](https://ext.dcloud.net.cn/plugin?name=uni-easyinput)|
|uni-fab|[悬浮按钮](https://ext.dcloud.net.cn/plugin?name=uni-fab)|
|uni-fav|[收藏按钮](https://ext.dcloud.net.cn/plugin?name=uni-fav)|
|uni-file-picker|[文件选择上传](https://ext.dcloud.net.cn/plugin?name=uni-file-picker)|
|uni-forms|[表单](https://ext.dcloud.net.cn/plugin?name=uni-forms)|
|uni-goods-nav|[商品导航](https://ext.dcloud.net.cn/plugin?name=uni-goods-nav)|
|uni-grid|[宫格](https://ext.dcloud.net.cn/plugin?name=uni-grid)|
|uni-group|[分组](https://ext.dcloud.net.cn/plugin?name=uni-group)|
|uni-icons|[图标](https://ext.dcloud.net.cn/plugin?name=uni-icons)|
|uni-indexed-list|[索引列表](https://ext.dcloud.net.cn/plugin?name=uni-indexed-list)|
|uni-link|[超链接](https://ext.dcloud.net.cn/plugin?name=uni-link)|
|uni-list|[列表](https://ext.dcloud.net.cn/plugin?name=uni-list)|
|uni-load-more|[加载更多](https://ext.dcloud.net.cn/plugin?name=uni-load-more)|
|uni-nav-bar|[自定义导航栏](https://ext.dcloud.net.cn/plugin?name=uni-nav-bar)|
|uni-notice-bar|[通告栏](https://ext.dcloud.net.cn/plugin?name=uni-notice-bar)|
|uni-number-box|[数字输入框](https://ext.dcloud.net.cn/plugin?name=uni-number-box)|
|uni-pagination|[分页器](https://ext.dcloud.net.cn/plugin?name=uni-pagination)|
|uni-popup|[弹出层](https://ext.dcloud.net.cn/plugin?name=uni-popup)|
|uni-rate|[评分](https://ext.dcloud.net.cn/plugin?name=uni-rate)|
|uni-row|[布局-行](https://ext.dcloud.net.cn/plugin?name=uni-row)|
|uni-search-bar|[搜索栏](https://ext.dcloud.net.cn/plugin?name=uni-search-bar)|
|Section|[标题栏](https://ext.dcloud.net.cn/plugin?name=uni-section)|
|uni-segmented-control|[分段器](https://ext.dcloud.net.cn/plugin?name=uni-segmented-control)|
|uni-steps|[步骤条](https://ext.dcloud.net.cn/plugin?name=uni-steps)|
|uni-swipe-action|[滑动操作](https://ext.dcloud.net.cn/plugin?name=uni-swipe-action)|
|uni-swiper-dot|[轮播图指示点](https://ext.dcloud.net.cn/plugin?name=uni-swiper-dot)|
|uni-table|[表格](https://ext.dcloud.net.cn/plugin?name=uni-table)|
|uni-tag|[标签](https://ext.dcloud.net.cn/plugin?name=uni-tag)|
|uni-title|[章节标题](https://ext.dcloud.net.cn/plugin?name=uni-title)|
|uni-transition|[过渡动画](https://ext.dcloud.net.cn/plugin?name=uni-transition)|
```html
<uni-badge text="1"></uni-badge>
<uni-badge text="2" type="success" @click="bindClick"></uni-badge>
<uni-badge text="3" type="primary" :inverted="true"></uni-badge>
```
**注意** ### 其他
- uni-ui 现在只推荐使用 `easycom` ，如自己引用组件，可能会出现组件找不到的问题
- 使用 npm 安装的组件，默认情况下 babel-loader 会忽略所有 node_modules 中的文件 ，导致条件编译失效，需要通过配置 `vue.config.js` 解决： - uni-ui 是全端兼容的基于flex布局的、无dom的ui库
```javascript - uni-ui 是uni-app内置组件的扩展。注意与web开发不同，uni-ui不包括基础组件，它是基础组件的补充。web开发中有的开发者习惯用一个ui库完成所有开发，但在uni-app体系中，推荐开发者首先使用性能更高的基础组件，然后按需引入必要的扩展组件。
// 在根目录创建 vue.config.js 文件，并配置如下
module.exports = {
transpileDependencies: ['@dcloudio/uni-ui'] > **注意**
} > - `uni-ui` 不支持使用 `Vue.use()` 的方式安装
```
- uni-ui 是uni-app内置组件的扩展。注意与web开发不同，uni-ui不包括基础组件，它是基础组件的补充。web开发中有的开发者习惯用一个ui库完成所有开发，但在uni-app体系中，推荐开发者首先使用性能更高的基础组件，然后按需引入必要的扩展组件。
- `uni-ui` 不支持使用 `Vue.use()` 的方式安装
### 贡献代码 ### 贡献代码
......
uni_modules_tools/config.js
浏览文件 @ 4f933850
// "文件路径" : {"键名":"改成什么"} // "文件路径" : {"键名":"改成什么"}
{ {
"/manifest.json": { "/manifest.json": {
"appid": "请点击重新获取" ,//清空appid "appid": "请点击重新获取",
"mp-weixin" : { "mp-weixin" : {
"appid" : "" "appid" : ""
}, },
......
uni_modules_tools/main.js
浏览文件 @ 4f933850
//脚本文件目录 __dirname //脚本文件目录 __dirname
//运行脚本的目录，即：项目的目录 process.cwd() //运行脚本的目录，即：项目的目录 process.cwd()
//配置文件 //配置文件
const fs = require('fs'), const fs = require('fs'),
Hjson = require('hjson'), Hjson = require('hjson'),
config = Hjson.rt.parse(fs.readFileSync(__dirname+'/config.js', 'utf-8')) config = Hjson.rt.parse(fs.readFileSync(__dirname+'/config.js', 'utf-8'))
const change_after = require('./change_after')
const change_after = require('./change_after')
if(process.argv[2] == 'change'){ if(process.argv[2] == 'change'){
change(config,()=>{ change(config,()=>{
console.log('脚本change已经执行成功'); console.log('脚本change已经执行成功');
...@@ -26,7 +26,7 @@ function change(config,callback){ ...@@ -26,7 +26,7 @@ function change(config,callback){
//保持原文件名先备份一份到/uni_modules_tools/copy目录下，然后再覆盖 //保持原文件名先备份一份到/uni_modules_tools/copy目录下，然后再覆盖
writeFileRecursive(copyPath, fileText, function(err) { //创建目录并写入文件 writeFileRecursive(copyPath, fileText, function(err) { //创建目录并写入文件
if (err) { if (err) {
return console.log(err); return console.log({err});
} }
//改写 //改写
let HfileObj = Hjson.rt.parse(fileText) let HfileObj = Hjson.rt.parse(fileText)
...@@ -56,11 +56,9 @@ function change(config,callback){ ...@@ -56,11 +56,9 @@ function change(config,callback){
function recovery(){ function recovery(){
let paths = Object.keys(config) let paths = Object.keys(config)
console.log(paths);
paths.forEach(path=>{ paths.forEach(path=>{
console.log(__dirname + '/copy' + path); console.log(__dirname + '/copy' + path);
let oldFile = fs.readFileSync(__dirname + '/copy' + path) let oldFile = fs.readFileSync(__dirname + '/copy' + path)
console.log(process.cwd() + path);
fs.writeFile(process.cwd() + path, oldFile, function(err) { fs.writeFile(process.cwd() + path, oldFile, function(err) {
if (err) { if (err) {
console.log(err); console.log(err);
...@@ -94,9 +92,15 @@ function writeFileRecursive(path, buffer, callback) { ...@@ -94,9 +92,15 @@ function writeFileRecursive(path, buffer, callback) {
function mergeJSON(minor, main) { function mergeJSON(minor, main) {
for (var key in main) { for (var key in main) {
if (typeof(main[key]) != 'object' ) { if (typeof(main[key]) != 'object' ) {
console.log({key,main});
minor[key] = main[key]; minor[key] = main[key];
}else{ }else{
console.log(9999,{minor,key,main});
if(minor){
mergeJSON(minor[key], main[key]); mergeJSON(minor[key], main[key]);
}else{
console.log(minor,'不存在：'+key);
}
} }
} }
} }
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或