104 changed files with 3436 additions and 107 deletions
-
6App.vue
-
22components/oneBtn/oneBtn.vue
-
40components/privacyRadion/privacyRadion.vue
-
2main.js
-
22manifest.json
-
6node_modules/.vite/deps/_metadata.json
-
4node_modules/.vite/deps/js-md5.js
-
25pages.json
-
149pages/subPage/login/login.vue
-
22pages/subPage/notice/notice.vue
-
61pages/tabbar/index/comp/notice.vue
-
158pages/tabbar/index/index.vue
-
100pages/tabbar/mine/mine.vue
-
65static/css/app.scss
-
BINstatic/images/arrRight.png
-
BINstatic/images/avatar.png
-
BINstatic/images/homebanner.png
-
BINstatic/images/homebanner2.png
-
BINstatic/images/homebanner3.png
-
BINstatic/images/loginicon.png
-
BINstatic/images/logo.png
-
BINstatic/images/minebg.png
-
BINstatic/images/tabbar/btn_shouye_cli.png
-
BINstatic/images/tabbar/btn_shouye_nor.png
-
BINstatic/images/tabbar/btn_wode_cli.png
-
BINstatic/images/tabbar/btn_wode_nor.png
-
BINstatic/images/tabbar/btn_xueche_cli.png
-
BINstatic/images/tabbar/btn_xueche_nor.png
-
BINstatic/images/tabbar/tow/btn_shouye_cli.png
-
BINstatic/images/tabbar/tow/btn_shouye_nor.png
-
BINstatic/images/tabbar/tow/btn_wode_cli.png
-
BINstatic/images/tabbar/tow/btn_wode_nor.png
-
2uni.scss
-
4unpackage/dist/dev/mp-weixin/app.js
-
11unpackage/dist/dev/mp-weixin/app.json
-
61unpackage/dist/dev/mp-weixin/app.wxss
-
11unpackage/dist/dev/mp-weixin/common/assets.js
-
395unpackage/dist/dev/mp-weixin/common/vendor.js
-
38unpackage/dist/dev/mp-weixin/pages/subPage/login/login.js
-
8unpackage/dist/dev/mp-weixin/pages/subPage/login/login.json
-
1unpackage/dist/dev/mp-weixin/pages/subPage/login/login.wxml
-
46unpackage/dist/dev/mp-weixin/pages/subPage/login/login.wxss
-
17unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.js
-
8unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.json
-
1unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.wxml
-
28unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.wxss
-
16unpackage/dist/dev/mp-weixin/pages/tabbar/index/comp/notice.js
-
4unpackage/dist/dev/mp-weixin/pages/tabbar/index/comp/notice.json
-
1unpackage/dist/dev/mp-weixin/pages/tabbar/index/comp/notice.wxml
-
63unpackage/dist/dev/mp-weixin/pages/tabbar/index/comp/notice.wxss
-
32unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.js
-
6unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.json
-
2unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.wxml
-
108unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.wxss
-
38unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.js
-
4unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.json
-
2unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.wxml
-
77unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.wxss
-
2unpackage/dist/dev/mp-weixin/project.config.json
-
65unpackage/dist/dev/mp-weixin/static/css/app.scss
-
BINunpackage/dist/dev/mp-weixin/static/images/arrRight.png
-
BINunpackage/dist/dev/mp-weixin/static/images/avatar.png
-
BINunpackage/dist/dev/mp-weixin/static/images/homebanner.png
-
BINunpackage/dist/dev/mp-weixin/static/images/homebanner2.png
-
BINunpackage/dist/dev/mp-weixin/static/images/homebanner3.png
-
BINunpackage/dist/dev/mp-weixin/static/images/loginicon.png
-
BINunpackage/dist/dev/mp-weixin/static/images/logo.png
-
BINunpackage/dist/dev/mp-weixin/static/images/minebg.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_shouye_cli.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_shouye_nor.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_wode_cli.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_wode_nor.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_xueche_cli.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/btn_xueche_nor.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/tow/btn_shouye_cli.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/tow/btn_shouye_nor.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/tow/btn_wode_cli.png
-
BINunpackage/dist/dev/mp-weixin/static/images/tabbar/tow/btn_wode_nor.png
-
216unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/icons.js
-
93unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/props.js
-
192unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/u-icon.js
-
4unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/u-icon.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/u-icon.wxml
-
96unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-icon/u-icon.wxss
-
190unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-input/props.js
-
327unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-input/u-input.js
-
6unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-input/u-input.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-input/u-input.wxml
-
105unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-input/u-input.wxss
-
88unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-navbar/props.js
-
191unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-navbar/u-navbar.js
-
7unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-navbar/u-navbar.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-navbar/u-navbar.wxml
-
92unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-navbar/u-navbar.wxss
-
12unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-status-bar/props.js
-
123unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-status-bar/u-status-bar.js
-
4unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-status-bar/u-status-bar.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-status-bar/u-status-bar.wxml
-
28unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-status-bar/u-status-bar.wxss
-
4unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/index.js
@ -0,0 +1,22 @@ |
|||
<template> |
|||
<view class="oneBtn">{{ text }}</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: ['text', 'disabel'] |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.oneBtn { |
|||
height: 80rpx; |
|||
background: #DE3A26; |
|||
box-shadow: 0px 3rpx 20rpx 0px rgba(222,58,38,0.53); |
|||
border-radius: 40rpx; |
|||
text-align: center; |
|||
line-height: 80rpx; |
|||
font-size: 28rpx; |
|||
color: #fff; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,40 @@ |
|||
<template> |
|||
<view class="radioWrap"> |
|||
<u-checkbox-group > |
|||
<u-checkbox :checked="isCheck" shape="circle" label="已阅读并同意" :labelSize="12" @change="changeRadio">已阅读并同意</u-checkbox> |
|||
</u-checkbox-group> |
|||
<view class="privacyText"> |
|||
<text @click="goPage(2)">《用户协议》</text>和 <text @click="goPage(1)">《隐私协议》</text> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props: ['isCheck'], |
|||
methods: { |
|||
changeRadio(val) { |
|||
console.log(val) |
|||
this.$emit('changeRadio', val) |
|||
}, |
|||
async goPage(type) { |
|||
this.$goPage('/pages/userCenter/login/privacyAgreement/privacyAgreement?type='+ type) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.radioWrap { |
|||
display: flex; |
|||
align-items: center; |
|||
.privacyText { |
|||
font-size: 24rpx; |
|||
color: #888E94; |
|||
text { |
|||
color: $themC; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,11 +1,11 @@ |
|||
{ |
|||
"hash": "557afaf9", |
|||
"browserHash": "2ee4abbf", |
|||
"hash": "f7c57611", |
|||
"browserHash": "7882e4a1", |
|||
"optimized": { |
|||
"js-md5": { |
|||
"src": "../../js-md5/src/md5.js", |
|||
"file": "js-md5.js", |
|||
"fileHash": "c5c3000c", |
|||
"fileHash": "53a1b02e", |
|||
"needsInterop": true |
|||
} |
|||
}, |
|||
|
|||
@ -0,0 +1,149 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="padding"> |
|||
<view class="logoCon"> |
|||
<view class="logo"> |
|||
<image src="@/static/images/logo.png" mode=""></image> |
|||
</view> |
|||
<view class="name">事务通</view> |
|||
</view> |
|||
|
|||
<view class="from"> |
|||
<view class="formItem flex"> |
|||
<view class="prefix">+86</view> |
|||
<view class="line"></view> |
|||
<view class="inputBox"> |
|||
<up-input v-model="FormData.phone" border="none" placeholder="请输入手机号"></up-input> |
|||
</view> |
|||
</view> |
|||
<view class="formItem flex"> |
|||
<view class="inputBox"> |
|||
<up-input v-model="FormData.code" border="none" placeholder="输入验证码"></up-input> |
|||
</view> |
|||
<view class="sedCode">发送验证码</view> |
|||
</view> |
|||
<view class="oneBtn"> |
|||
<oneBtn text="登 录"></oneBtn> |
|||
</view> |
|||
</view> |
|||
|
|||
<privacyRadion style="margin-top: 20rpx;"/> |
|||
|
|||
<view class="other"> |
|||
<view class="lineTxt">其它登录方式</view> |
|||
<view class="icon"> |
|||
<image src="@/static/images/loginicon.png" mode=""></image> |
|||
</view> |
|||
<view class="txt">快捷登录</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
FormData: { |
|||
phone: '', |
|||
code: '' |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.other { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 22rpx; |
|||
color: #9C9C9C; |
|||
.lineTxt { |
|||
position: relative; |
|||
|
|||
&::before { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 256rpx; |
|||
height: 1px; |
|||
top: 50%; |
|||
left: 0; |
|||
transform: translateY(50%); |
|||
z-index: 99; |
|||
} |
|||
} |
|||
|
|||
.icon { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
margin: 20rpx 0; |
|||
} |
|||
|
|||
.txt { |
|||
|
|||
} |
|||
} |
|||
|
|||
.content { |
|||
.logoCon { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding-top: 50rpx; |
|||
.logo { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
} |
|||
|
|||
.name { |
|||
font-size: 32rpx; |
|||
margin-top: 20rpx; |
|||
font-weight: 700; |
|||
} |
|||
} |
|||
|
|||
.from { |
|||
margin-top: 20rpx; |
|||
.formItem { |
|||
height: 108rpx; |
|||
border-bottom: 1px solid #EFEFEF; |
|||
.prefix { |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
width: 120rpx; |
|||
text-align: center; |
|||
} |
|||
|
|||
.line { |
|||
width: 1px; |
|||
height: 40rpx; |
|||
background: #EFEFEF; |
|||
margin-right: 30rpx; |
|||
} |
|||
|
|||
.inputBox { |
|||
flex: 1; |
|||
width: 0; |
|||
} |
|||
|
|||
.sedCode { |
|||
font-size: 28rpx; |
|||
color: $themC; |
|||
} |
|||
} |
|||
.oneBtn { |
|||
margin-top: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,22 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="padding"> |
|||
<notice/> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import notice from '@/pages/tabbar/index/comp/notice.vue' |
|||
export default { |
|||
components: { |
|||
notice |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.content { |
|||
padding-bottom: 80rpx; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,61 @@ |
|||
<template> |
|||
<view class="ul"> |
|||
<view class="li flex-b" v-for="(item,index) in 6" :key="index"> |
|||
<view class="leftTxt"> |
|||
<view class="tit towRowText"> |
|||
公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题 |
|||
</view> |
|||
<view class="date">2024.06.28 18:42</view> |
|||
</view> |
|||
<view class="cover"> |
|||
<image src="@/static/images/homebanner3.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.ul { |
|||
width: 100%; |
|||
.li { |
|||
width: 100%; |
|||
padding: 30rpx 0; |
|||
border-bottom: 1px solid #EFEFEF; |
|||
&:last-child { |
|||
border-bottom: none; |
|||
} |
|||
.leftTxt { |
|||
padding-right: 80rpx; |
|||
width: 0; |
|||
flex: 1; |
|||
.tit.towRowText { |
|||
font-size: 28rpx; |
|||
color: #343434; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.date { |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
margin-top: 40rpx; |
|||
} |
|||
} |
|||
|
|||
.cover { |
|||
width: 210rpx; |
|||
height: 150rpx; |
|||
background: #EFEFEF; |
|||
border-radius: 12rpx; |
|||
overflow: hidden; |
|||
image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,11 +1,163 @@ |
|||
<template> |
|||
<view class="content"> |
|||
首页 |
|||
<view class="content "> |
|||
<up-navbar leftText=" " title="事务通" :safeAreaInsetTop="false" :autoBack="false"> |
|||
<template #left> <view class=""></view></template> |
|||
</up-navbar> |
|||
<view class="padding"> |
|||
<view class="banner1"> |
|||
<image src="@/static/images/homebanner.png" mode=""></image> |
|||
</view> |
|||
<view class="myhome"> |
|||
<view class="flex-b"> |
|||
<view class="h2">我的房屋</view> |
|||
<view class="btn">关联房屋</view> |
|||
</view> |
|||
<!-- <view class="borderCard"> |
|||
<view class="text">房屋地址：新疆首府公馆一期住宅1-1-101</view> |
|||
<view class="text">房屋面积：156.32㎡</view> |
|||
<view class="banner3"> |
|||
<image src="@/static/images/homebanner3.png" mode=""></image> |
|||
</view> |
|||
</view> --> |
|||
<view class="borderCard" @click="$goPage('/pages/subPage/login/login')"> |
|||
<view class="flex"> |
|||
<view class="text2">立即登录</view> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
<view class="text3">登录成功即可关联房屋~</view> |
|||
<view class="banner3"> |
|||
<image src="@/static/images/homebanner3.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="severCon"> |
|||
<view class="h1pad"> |
|||
<view class="h1">服务</view> |
|||
</view> |
|||
<view class="banner2"> |
|||
<image src="@/static/images/homebanner2.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="noticeCon"> |
|||
<view class="h1pad flex-b"> |
|||
<view class="h1">公示公告</view> |
|||
<view class="more" @click="$goPage('/pages/subPage/notice/notice')"> |
|||
<view class="txt">更多</view> |
|||
<view class="icon"> |
|||
<image src="@/static/images/arrRight.png" mode=""></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<notice/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref,reactive } from 'vue'; |
|||
import {onLoad,onReady} from "@dcloudio/uni-app" |
|||
import notice from './comp/notice.vue' |
|||
</script> |
|||
|
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.h1pad { |
|||
padding: 30rpx 0 20rpx 0; |
|||
} |
|||
|
|||
image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.content { |
|||
width: 100%; |
|||
padding: 90rpx 0 100rpx 0; |
|||
.banner1 { |
|||
width: 100%; |
|||
height: 260rpx; |
|||
} |
|||
.myhome { |
|||
width: 100%; |
|||
margin-top: 40rpx; |
|||
background: #FFFFFF; |
|||
box-shadow: 0px 0px 14rpx 0px rgba(0,0,0,0.06); |
|||
border-radius: 20rpx; |
|||
padding: 0 30rpx 30rpx 30rpx; |
|||
.flex-b { |
|||
width: 100%; |
|||
height: 94rpx; |
|||
.h2 { |
|||
font-size: 36rpx; |
|||
color: #333; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.btn { |
|||
width: 132rpx; |
|||
height: 44rpx; |
|||
background: #DE3A26; |
|||
border-radius: 22rpx; |
|||
line-height: 44rpx; |
|||
font-size: 24rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
|
|||
} |
|||
} |
|||
|
|||
.borderCard { |
|||
width: 100%; |
|||
border-radius: 20rpx; |
|||
border: 2rpx solid #EFEFEF; |
|||
padding: 40rpx 20rpx 0 30rpx; |
|||
.text { |
|||
font-size: 28rpx; |
|||
margin-bottom: 24rpx; |
|||
} |
|||
.text2 { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
|
|||
} |
|||
.text3 { |
|||
color: #999; |
|||
margin-top: 20rpx; |
|||
} |
|||
.banner3 { |
|||
width: 255rpx; |
|||
height: 142rpx; |
|||
margin-left: auto; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.severCon { |
|||
.banner2 { |
|||
width: 100%; |
|||
height: 180rpx; |
|||
} |
|||
} |
|||
|
|||
.noticeCon { |
|||
.h1pad { |
|||
.more { |
|||
display: flex; |
|||
align-items: center; |
|||
.txt { |
|||
font-size: 28rpx; |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
.icon { |
|||
width: 12rpx; |
|||
height: 22rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,11 +1,101 @@ |
|||
<template> |
|||
<view class="content"> |
|||
我的 |
|||
<view class="padding"> |
|||
<view class="userInfo flex" @click="$goPage('/pages/subPage/login/login')"> |
|||
<view class="avatar"> |
|||
<!-- <image src="../../../static/images/homebanner3.png" mode=""></image> --> |
|||
</view> |
|||
<view class="name">登录/注册</view> |
|||
</view> |
|||
|
|||
<view class="card"> |
|||
<view class="li flex-b" v-for="(item,index) in configList" :key="index"> |
|||
<view class="text">{{ item.text }}</view> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
<view class="li flex-b" > |
|||
<button type="default" open-type="contact" class="cotact">联系客服</button> |
|||
<view class="text">联系客服</view> |
|||
<u-icon name="arrow-right"></u-icon> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref,reactive } from 'vue'; |
|||
import {onLoad,onReady} from "@dcloudio/uni-app" |
|||
<script > |
|||
export default { |
|||
data() { |
|||
return { |
|||
configList: [ |
|||
{text: '用户协议', url: ''}, |
|||
{text: '隐私政策', url: ''}, |
|||
] |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
</script> |
|||
<style lang="scss" scoped> |
|||
image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.content { |
|||
width: 100%; |
|||
background: url('../../../static/images/minebg.png') #F5F5F5 no-repeat; |
|||
background-size: 100% 552rpx; |
|||
min-height: 100vh; |
|||
|
|||
.userInfo { |
|||
padding: 200rpx 0 40rpx 0; |
|||
|
|||
.avatar { |
|||
width: 114rpx; |
|||
height: 114rpx; |
|||
background: url('../../../static/images/avatar.png') #F5F5F5 no-repeat; |
|||
background-size: 100% 100%; |
|||
border-radius: 50%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.name { |
|||
margin-left: 30rpx; |
|||
font-size: 34rpx; |
|||
font-weight: 700; |
|||
color: #fff; |
|||
} |
|||
} |
|||
|
|||
.card { |
|||
background: #FFFFFF; |
|||
border-radius: 14rpx; |
|||
padding: 0 30rpx; |
|||
.li { |
|||
width: 100%; |
|||
height: 108rpx; |
|||
border-bottom: 1px solid #EFEFEF; |
|||
position: relative; |
|||
.cotact { |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
top: 0; |
|||
opacity: 0; |
|||
} |
|||
&:last-child { |
|||
border: none; |
|||
} |
|||
.text { |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
u-icon { |
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,65 @@ |
|||
|
|||
|
|||
page { |
|||
background-color: #fff; |
|||
font-size: 32rpx; |
|||
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; |
|||
} |
|||
view { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.oneRowText { |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.towRowText { |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
white-space: normal; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical |
|||
} |
|||
|
|||
.flex { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.flex-b { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.flex-c { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.padding { |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
|
|||
|
|||
.h1 { |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
color: #333; |
|||
padding-left: 24rpx; |
|||
font-weight: 700; |
|||
&::before { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 5rpx; |
|||
height: 31rpx; |
|||
background: #DE3A26; |
|||
border-radius: 3rpx; |
|||
left: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
} |
|||
|
After Width: 24 | Height: 44 | Size: 938 B |
|
After Width: 114 | Height: 114 | Size: 13 KiB |
|
After Width: 1420 | Height: 520 | Size: 632 KiB |
|
After Width: 1420 | Height: 360 | Size: 300 KiB |
|
After Width: 510 | Height: 284 | Size: 104 KiB |
|
After Width: 80 | Height: 80 | Size: 2.6 KiB |
|
After Width: 320 | Height: 320 | Size: 33 KiB |
|
After Width: 1512 | Height: 1104 | Size: 218 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.7 KiB After Width: 36 | Height: 40 | Size: 738 B |
|
Before Width: 56 | Height: 56 | Size: 2.7 KiB After Width: 36 | Height: 40 | Size: 1.6 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.3 KiB After Width: 39 | Height: 40 | Size: 1.3 KiB |
|
Before Width: 56 | Height: 56 | Size: 2.1 KiB After Width: 39 | Height: 40 | Size: 1.8 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.6 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.9 KiB |
|
After Width: 72 | Height: 80 | Size: 1.4 KiB |
|
After Width: 72 | Height: 80 | Size: 4.2 KiB |
|
After Width: 78 | Height: 80 | Size: 2.9 KiB |
|
After Width: 78 | Height: 80 | Size: 3.5 KiB |
@ -0,0 +1,11 @@ |
|||
"use strict"; |
|||
const _imports_0$2 = "/static/images/homebanner.png"; |
|||
const _imports_0$1 = "/static/images/homebanner3.png"; |
|||
const _imports_2 = "/static/images/homebanner2.png"; |
|||
const _imports_3 = "/static/images/arrRight.png"; |
|||
const _imports_0 = "/static/images/logo.png"; |
|||
exports._imports_0 = _imports_0$2; |
|||
exports._imports_0$1 = _imports_0$1; |
|||
exports._imports_0$2 = _imports_0; |
|||
exports._imports_2 = _imports_2; |
|||
exports._imports_3 = _imports_3; |
|||
@ -0,0 +1,38 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../common/vendor.js"); |
|||
const common_assets = require("../../../common/assets.js"); |
|||
const _sfc_main = { |
|||
data() { |
|||
return { |
|||
FormData: { |
|||
phone: "", |
|||
code: "" |
|||
} |
|||
}; |
|||
} |
|||
}; |
|||
if (!Array) { |
|||
const _easycom_up_input2 = common_vendor.resolveComponent("up-input"); |
|||
_easycom_up_input2(); |
|||
} |
|||
const _easycom_up_input = () => "../../../uni_modules/uview-plus/components/u-input/u-input.js"; |
|||
if (!Math) { |
|||
_easycom_up_input(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return { |
|||
a: common_assets._imports_0$2, |
|||
b: common_vendor.o(($event) => $data.FormData.phone = $event), |
|||
c: common_vendor.p({ |
|||
border: "none", |
|||
modelValue: $data.FormData.phone |
|||
}), |
|||
d: common_vendor.o(($event) => $data.FormData.phone = $event), |
|||
e: common_vendor.p({ |
|||
border: "none", |
|||
modelValue: $data.FormData.phone |
|||
}) |
|||
}; |
|||
} |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f8b2b374"], ["__file", "D:/work/xinjiangMiniProgram/pages/subPage/login/login.vue"]]); |
|||
wx.createPage(MiniProgramPage); |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"navigationBarTitleText": "登录", |
|||
"enablePullDownRefresh": false, |
|||
"backgroundTextStyle": "dark", |
|||
"usingComponents": { |
|||
"up-input": "../../../uni_modules/uview-plus/components/u-input/u-input" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="content data-v-f8b2b374"><view class="padding data-v-f8b2b374"><view class="logoCon data-v-f8b2b374"><view class="logo data-v-f8b2b374"><image class="data-v-f8b2b374" src="{{a}}" mode=""></image></view><view class="name data-v-f8b2b374">事务通</view></view><view class="from data-v-f8b2b374"><view class="formItem flex data-v-f8b2b374"><view class="prefix data-v-f8b2b374">+86</view><view class="line data-v-f8b2b374"></view><view class="inputBox data-v-f8b2b374"><up-input wx:if="{{c}}" class="data-v-f8b2b374" u-i="f8b2b374-0" bind:__l="__l" bindupdateModelValue="{{b}}" u-p="{{c}}"></up-input></view></view><view class="formItem data-v-f8b2b374"><view class="inputBox data-v-f8b2b374"><up-input wx:if="{{e}}" class="data-v-f8b2b374" u-i="f8b2b374-1" bind:__l="__l" bindupdateModelValue="{{d}}" u-p="{{e}}"></up-input></view><view class="sedCode data-v-f8b2b374">发送验证码</view></view><view class="oneBtn data-v-f8b2b374"> 登录 </view></view></view></view> |
|||
@ -0,0 +1,46 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
image.data-v-f8b2b374 { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.content .logoCon.data-v-f8b2b374 { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding-top: 50rpx; |
|||
} |
|||
.content .logoCon .logo.data-v-f8b2b374 { |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
} |
|||
.content .logoCon .name.data-v-f8b2b374 { |
|||
font-size: 32rpx; |
|||
margin-top: 20rpx; |
|||
font-weight: 700; |
|||
} |
|||
@ -0,0 +1,17 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../common/vendor.js"); |
|||
const notice = () => "../../tabbar/index/comp/notice.js"; |
|||
const _sfc_main = { |
|||
components: { |
|||
notice |
|||
} |
|||
}; |
|||
if (!Array) { |
|||
const _component_notice = common_vendor.resolveComponent("notice"); |
|||
_component_notice(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return {}; |
|||
} |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f812fd22"], ["__file", "D:/work/xinjiangMiniProgram/pages/subPage/notice/notice.vue"]]); |
|||
wx.createPage(MiniProgramPage); |
|||
@ -0,0 +1,8 @@ |
|||
{ |
|||
"navigationBarTitleText": "公示公告", |
|||
"enablePullDownRefresh": false, |
|||
"backgroundTextStyle": "dark", |
|||
"usingComponents": { |
|||
"notice": "../../tabbar/index/comp/notice" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="content data-v-f812fd22"><view class="padding data-v-f812fd22"><notice class="data-v-f812fd22" u-i="f812fd22-0" bind:__l="__l"/></view></view> |
|||
@ -0,0 +1,28 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.content.data-v-f812fd22 { |
|||
padding-bottom: 80rpx; |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../../common/vendor.js"); |
|||
const common_assets = require("../../../../common/assets.js"); |
|||
const _sfc_main = {}; |
|||
function _sfc_render(_ctx, _cache) { |
|||
return { |
|||
a: common_vendor.f(6, (item, index, i0) => { |
|||
return { |
|||
a: index |
|||
}; |
|||
}), |
|||
b: common_assets._imports_0$1 |
|||
}; |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-95913b5f"], ["__file", "D:/work/xinjiangMiniProgram/pages/tabbar/index/comp/notice.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="ul data-v-95913b5f"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="li flex-b data-v-95913b5f"><view class="leftTxt data-v-95913b5f"><view class="tit towRowText data-v-95913b5f"> 公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题公告标题 </view><view class="date data-v-95913b5f">2024.06.28 18:42</view></view><view class="cover data-v-95913b5f"><image class="data-v-95913b5f" src="{{b}}" mode=""></image></view></view></view> |
|||
@ -0,0 +1,63 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.ul.data-v-95913b5f { |
|||
width: 100%; |
|||
} |
|||
.ul .li.data-v-95913b5f { |
|||
width: 100%; |
|||
padding: 30rpx 0; |
|||
border-bottom: 1px solid #EFEFEF; |
|||
} |
|||
.ul .li.data-v-95913b5f:last-child { |
|||
border-bottom: none; |
|||
} |
|||
.ul .li .leftTxt.data-v-95913b5f { |
|||
padding-right: 80rpx; |
|||
width: 0; |
|||
flex: 1; |
|||
} |
|||
.ul .li .leftTxt .tit.towRowText.data-v-95913b5f { |
|||
font-size: 28rpx; |
|||
color: #343434; |
|||
font-weight: bold; |
|||
} |
|||
.ul .li .leftTxt .date.data-v-95913b5f { |
|||
font-size: 28rpx; |
|||
color: #999999; |
|||
margin-top: 40rpx; |
|||
} |
|||
.ul .li .cover.data-v-95913b5f { |
|||
width: 210rpx; |
|||
height: 150rpx; |
|||
background: #EFEFEF; |
|||
border-radius: 12rpx; |
|||
overflow: hidden; |
|||
} |
|||
.ul .li .cover image.data-v-95913b5f { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
@ -1,12 +1,40 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../common/vendor.js"); |
|||
const common_assets = require("../../../common/assets.js"); |
|||
if (!Array) { |
|||
const _easycom_up_navbar2 = common_vendor.resolveComponent("up-navbar"); |
|||
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon"); |
|||
(_easycom_up_navbar2 + _easycom_u_icon2)(); |
|||
} |
|||
const _easycom_up_navbar = () => "../../../uni_modules/uview-plus/components/u-navbar/u-navbar.js"; |
|||
const _easycom_u_icon = () => "../../../uni_modules/uview-plus/components/u-icon/u-icon.js"; |
|||
if (!Math) { |
|||
(_easycom_up_navbar + _easycom_u_icon + notice)(); |
|||
} |
|||
const notice = () => "./comp/notice.js"; |
|||
const _sfc_main = { |
|||
__name: "index", |
|||
setup(__props) { |
|||
return (_ctx, _cache) => { |
|||
return {}; |
|||
return { |
|||
a: common_vendor.p({ |
|||
leftText: " ", |
|||
title: "事务通", |
|||
safeAreaInsetTop: false, |
|||
autoBack: false |
|||
}), |
|||
b: common_assets._imports_0, |
|||
c: common_vendor.p({ |
|||
name: "arrow-right" |
|||
}), |
|||
d: common_assets._imports_0$1, |
|||
e: common_vendor.o(($event) => _ctx.$goPage("/pages/subPage/login/login")), |
|||
f: common_assets._imports_2, |
|||
g: common_assets._imports_3, |
|||
h: common_vendor.o(($event) => _ctx.$goPage("/pages/subPage/notice/notice")) |
|||
}; |
|||
}; |
|||
} |
|||
}; |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/xinjiangMiniProgram/pages/tabbar/index/index.vue"]]); |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-184b8d5d"], ["__file", "D:/work/xinjiangMiniProgram/pages/tabbar/index/index.vue"]]); |
|||
wx.createPage(MiniProgramPage); |
|||
@ -1,5 +1,9 @@ |
|||
{ |
|||
"navigationBarTitleText": "首页", |
|||
"navigationStyle": "custom", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"up-navbar": "../../../uni_modules/uview-plus/components/u-navbar/u-navbar", |
|||
"u-icon": "../../../uni_modules/uview-plus/components/u-icon/u-icon", |
|||
"notice": "./comp/notice" |
|||
} |
|||
} |
|||
@ -1 +1 @@ |
|||
<view class="content"> 首页 </view> |
|||
<view class="content data-v-184b8d5d"><up-navbar wx:if="{{a}}" class="data-v-184b8d5d" u-s="{{['left']}}" u-i="184b8d5d-0" bind:__l="__l" u-p="{{a}}"><view class=" data-v-184b8d5d" slot="left"></view></up-navbar><view class="padding data-v-184b8d5d"><view class="banner1 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{b}}" mode=""></image></view><view class="myhome data-v-184b8d5d"><view class="flex-b data-v-184b8d5d"><view class="h2 data-v-184b8d5d">我的房屋</view><view class="btn data-v-184b8d5d">关联房屋</view></view><view class="borderCard data-v-184b8d5d" bindtap="{{e}}"><view class="flex data-v-184b8d5d"><view class="text2 data-v-184b8d5d">立即登录</view><u-icon wx:if="{{c}}" class="data-v-184b8d5d" u-i="184b8d5d-1" bind:__l="__l" u-p="{{c}}"></u-icon></view><view class="text3 data-v-184b8d5d">登录成功即可关联房屋~</view><view class="banner3 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{d}}" mode=""></image></view></view></view><view class="severCon data-v-184b8d5d"><view class="h1pad data-v-184b8d5d"><view class="h1 data-v-184b8d5d">服务</view></view><view class="banner2 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{f}}" mode=""></image></view></view><view class="noticeCon data-v-184b8d5d"><view class="h1pad flex-b data-v-184b8d5d"><view class="h1 data-v-184b8d5d">公示公告</view><view class="more data-v-184b8d5d" bindtap="{{h}}"><view class="txt data-v-184b8d5d">更多</view><view class="icon data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{g}}" mode=""></image></view></view></view><notice class="data-v-184b8d5d" u-i="184b8d5d-2" bind:__l="__l"/></view></view></view> |
|||
@ -0,0 +1,108 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.h1pad.data-v-184b8d5d { |
|||
padding: 30rpx 0 20rpx 0; |
|||
} |
|||
image.data-v-184b8d5d { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.content.data-v-184b8d5d { |
|||
width: 100%; |
|||
padding: 90rpx 0 100rpx 0; |
|||
} |
|||
.content .banner1.data-v-184b8d5d { |
|||
width: 100%; |
|||
height: 260rpx; |
|||
} |
|||
.content .myhome.data-v-184b8d5d { |
|||
width: 100%; |
|||
margin-top: 40rpx; |
|||
background: #FFFFFF; |
|||
box-shadow: 0px 0px 14rpx 0px rgba(0, 0, 0, 0.06); |
|||
border-radius: 20rpx; |
|||
padding: 0 30rpx 30rpx 30rpx; |
|||
} |
|||
.content .myhome .flex-b.data-v-184b8d5d { |
|||
width: 100%; |
|||
height: 94rpx; |
|||
} |
|||
.content .myhome .flex-b .h2.data-v-184b8d5d { |
|||
font-size: 36rpx; |
|||
color: #333; |
|||
font-weight: 700; |
|||
} |
|||
.content .myhome .flex-b .btn.data-v-184b8d5d { |
|||
width: 132rpx; |
|||
height: 44rpx; |
|||
background: #DE3A26; |
|||
border-radius: 22rpx; |
|||
line-height: 44rpx; |
|||
font-size: 24rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
} |
|||
.content .myhome .borderCard.data-v-184b8d5d { |
|||
width: 100%; |
|||
border-radius: 20rpx; |
|||
border: 2rpx solid #EFEFEF; |
|||
padding: 40rpx 20rpx 0 30rpx; |
|||
} |
|||
.content .myhome .borderCard .text.data-v-184b8d5d { |
|||
font-size: 28rpx; |
|||
margin-bottom: 24rpx; |
|||
} |
|||
.content .myhome .borderCard .text2.data-v-184b8d5d { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
} |
|||
.content .myhome .borderCard .text3.data-v-184b8d5d { |
|||
color: #999; |
|||
margin-top: 20rpx; |
|||
} |
|||
.content .myhome .borderCard .banner3.data-v-184b8d5d { |
|||
width: 255rpx; |
|||
height: 142rpx; |
|||
margin-left: auto; |
|||
} |
|||
.content .severCon .banner2.data-v-184b8d5d { |
|||
width: 100%; |
|||
height: 180rpx; |
|||
} |
|||
.content .noticeCon .h1pad .more.data-v-184b8d5d { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.content .noticeCon .h1pad .more .txt.data-v-184b8d5d { |
|||
font-size: 28rpx; |
|||
color: #CCCCCC; |
|||
} |
|||
.content .noticeCon .h1pad .more .icon.data-v-184b8d5d { |
|||
width: 12rpx; |
|||
height: 22rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
@ -1,12 +1,40 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../common/vendor.js"); |
|||
const _sfc_main = { |
|||
__name: "mine", |
|||
setup(__props) { |
|||
return (_ctx, _cache) => { |
|||
return {}; |
|||
data() { |
|||
return { |
|||
configList: [ |
|||
{ text: "用户协议", url: "" }, |
|||
{ text: "隐私政策", url: "" } |
|||
] |
|||
}; |
|||
} |
|||
}; |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/work/xinjiangMiniProgram/pages/tabbar/mine/mine.vue"]]); |
|||
if (!Array) { |
|||
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon"); |
|||
_easycom_u_icon2(); |
|||
} |
|||
const _easycom_u_icon = () => "../../../uni_modules/uview-plus/components/u-icon/u-icon.js"; |
|||
if (!Math) { |
|||
_easycom_u_icon(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return { |
|||
a: common_vendor.o(($event) => _ctx.$goPage("/pages/subPage/login/login")), |
|||
b: common_vendor.f($data.configList, (item, index, i0) => { |
|||
return { |
|||
a: common_vendor.t(item.text), |
|||
b: "23ed4277-0-" + i0, |
|||
c: index |
|||
}; |
|||
}), |
|||
c: common_vendor.p({ |
|||
name: "arrow-right" |
|||
}), |
|||
d: common_vendor.p({ |
|||
name: "arrow-right" |
|||
}) |
|||
}; |
|||
} |
|||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-23ed4277"], ["__file", "D:/work/xinjiangMiniProgram/pages/tabbar/mine/mine.vue"]]); |
|||
wx.createPage(MiniProgramPage); |
|||
@ -1,5 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的", |
|||
"navigationStyle": "custom", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"u-icon": "../../../uni_modules/uview-plus/components/u-icon/u-icon" |
|||
} |
|||
} |
|||
@ -1 +1 @@ |
|||
<view class="content"> 我的 </view> |
|||
<view class="content data-v-23ed4277"><view class="padding data-v-23ed4277"><view class="userInfo flex data-v-23ed4277" bindtap="{{a}}"><view class="avatar data-v-23ed4277"></view><view class="name data-v-23ed4277">登录/注册</view></view><view class="card data-v-23ed4277"><view wx:for="{{b}}" wx:for-item="item" wx:key="c" class="li flex-b data-v-23ed4277"><view class="text data-v-23ed4277">{{item.a}}</view><u-icon wx:if="{{c}}" class="data-v-23ed4277" u-i="{{item.b}}" bind:__l="__l" u-p="{{c}}"></u-icon></view><view class="li flex-b data-v-23ed4277"><button type="default" open-type="contact" class="cotact data-v-23ed4277">联系客服</button><view class="text data-v-23ed4277">联系客服</view><u-icon wx:if="{{d}}" class="data-v-23ed4277" u-i="23ed4277-1" bind:__l="__l" u-p="{{d}}"></u-icon></view></view></view></view> |
|||
77
unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.wxss
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,65 @@ |
|||
|
|||
|
|||
page { |
|||
background-color: #fff; |
|||
font-size: 32rpx; |
|||
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif; |
|||
} |
|||
view { |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.oneRowText { |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.towRowText { |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
white-space: normal; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical |
|||
} |
|||
|
|||
.flex { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.flex-b { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.flex-c { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.padding { |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
|
|||
|
|||
.h1 { |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
color: #333; |
|||
padding-left: 24rpx; |
|||
font-weight: 700; |
|||
&::before { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 5rpx; |
|||
height: 31rpx; |
|||
background: #DE3A26; |
|||
border-radius: 3rpx; |
|||
left: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
} |
|||
} |
|||
|
After Width: 24 | Height: 44 | Size: 938 B |
|
After Width: 114 | Height: 114 | Size: 13 KiB |
|
After Width: 1420 | Height: 520 | Size: 632 KiB |
|
After Width: 1420 | Height: 360 | Size: 300 KiB |
|
After Width: 510 | Height: 284 | Size: 104 KiB |
|
After Width: 80 | Height: 80 | Size: 2.6 KiB |
|
After Width: 320 | Height: 320 | Size: 33 KiB |
|
After Width: 1512 | Height: 1104 | Size: 218 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.7 KiB After Width: 36 | Height: 40 | Size: 738 B |
|
Before Width: 56 | Height: 56 | Size: 2.7 KiB After Width: 36 | Height: 40 | Size: 1.6 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.3 KiB After Width: 39 | Height: 40 | Size: 1.3 KiB |
|
Before Width: 56 | Height: 56 | Size: 2.1 KiB After Width: 39 | Height: 40 | Size: 1.8 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.6 KiB |
|
Before Width: 56 | Height: 56 | Size: 1.9 KiB |
|
After Width: 72 | Height: 80 | Size: 1.4 KiB |
|
After Width: 72 | Height: 80 | Size: 4.2 KiB |
|
After Width: 78 | Height: 80 | Size: 2.9 KiB |
|
After Width: 78 | Height: 80 | Size: 3.5 KiB |
@ -0,0 +1,216 @@ |
|||
"use strict"; |
|||
const icons = { |
|||
"uicon-level": "", |
|||
"uicon-column-line": "", |
|||
"uicon-checkbox-mark": "", |
|||
"uicon-folder": "", |
|||
"uicon-movie": "", |
|||
"uicon-star-fill": "", |
|||
"uicon-star": "", |
|||
"uicon-phone-fill": "", |
|||
"uicon-phone": "", |
|||
"uicon-apple-fill": "", |
|||
"uicon-chrome-circle-fill": "", |
|||
"uicon-backspace": "", |
|||
"uicon-attach": "", |
|||
"uicon-cut": "", |
|||
"uicon-empty-car": "", |
|||
"uicon-empty-coupon": "", |
|||
"uicon-empty-address": "", |
|||
"uicon-empty-favor": "", |
|||
"uicon-empty-permission": "", |
|||
"uicon-empty-news": "", |
|||
"uicon-empty-search": "", |
|||
"uicon-github-circle-fill": "", |
|||
"uicon-rmb": "", |
|||
"uicon-person-delete-fill": "", |
|||
"uicon-reload": "", |
|||
"uicon-order": "", |
|||
"uicon-server-man": "", |
|||
"uicon-search": "", |
|||
"uicon-fingerprint": "", |
|||
"uicon-more-dot-fill": "", |
|||
"uicon-scan": "", |
|||
"uicon-share-square": "", |
|||
"uicon-map": "", |
|||
"uicon-map-fill": "", |
|||
"uicon-tags": "", |
|||
"uicon-tags-fill": "", |
|||
"uicon-bookmark-fill": "", |
|||
"uicon-bookmark": "", |
|||
"uicon-eye": "", |
|||
"uicon-eye-fill": "", |
|||
"uicon-mic": "", |
|||
"uicon-mic-off": "", |
|||
"uicon-calendar": "", |
|||
"uicon-calendar-fill": "", |
|||
"uicon-trash": "", |
|||
"uicon-trash-fill": "", |
|||
"uicon-play-left": "", |
|||
"uicon-play-right": "", |
|||
"uicon-minus": "", |
|||
"uicon-plus": "", |
|||
"uicon-info": "", |
|||
"uicon-info-circle": "", |
|||
"uicon-info-circle-fill": "", |
|||
"uicon-question": "", |
|||
"uicon-error": "", |
|||
"uicon-close": "", |
|||
"uicon-checkmark": "", |
|||
"uicon-android-circle-fill": "", |
|||
"uicon-android-fill": "", |
|||
"uicon-ie": "", |
|||
"uicon-IE-circle-fill": "", |
|||
"uicon-google": "", |
|||
"uicon-google-circle-fill": "", |
|||
"uicon-setting-fill": "", |
|||
"uicon-setting": "", |
|||
"uicon-minus-square-fill": "", |
|||
"uicon-plus-square-fill": "", |
|||
"uicon-heart": "", |
|||
"uicon-heart-fill": "", |
|||
"uicon-camera": "", |
|||
"uicon-camera-fill": "", |
|||
"uicon-more-circle": "", |
|||
"uicon-more-circle-fill": "", |
|||
"uicon-chat": "", |
|||
"uicon-chat-fill": "", |
|||
"uicon-bag-fill": "", |
|||
"uicon-bag": "", |
|||
"uicon-error-circle-fill": "", |
|||
"uicon-error-circle": "", |
|||
"uicon-close-circle": "", |
|||
"uicon-close-circle-fill": "", |
|||
"uicon-checkmark-circle": "", |
|||
"uicon-checkmark-circle-fill": "", |
|||
"uicon-question-circle-fill": "", |
|||
"uicon-question-circle": "", |
|||
"uicon-share": "", |
|||
"uicon-share-fill": "", |
|||
"uicon-shopping-cart": "", |
|||
"uicon-shopping-cart-fill": "", |
|||
"uicon-bell": "", |
|||
"uicon-bell-fill": "", |
|||
"uicon-list": "", |
|||
"uicon-list-dot": "", |
|||
"uicon-zhihu": "", |
|||
"uicon-zhihu-circle-fill": "", |
|||
"uicon-zhifubao": "", |
|||
"uicon-zhifubao-circle-fill": "", |
|||
"uicon-weixin-circle-fill": "", |
|||
"uicon-weixin-fill": "", |
|||
"uicon-twitter-circle-fill": "", |
|||
"uicon-twitter": "", |
|||
"uicon-taobao-circle-fill": "", |
|||
"uicon-taobao": "", |
|||
"uicon-weibo-circle-fill": "", |
|||
"uicon-weibo": "", |
|||
"uicon-qq-fill": "", |
|||
"uicon-qq-circle-fill": "", |
|||
"uicon-moments-circel-fill": "", |
|||
"uicon-moments": "", |
|||
"uicon-qzone": "", |
|||
"uicon-qzone-circle-fill": "", |
|||
"uicon-baidu-circle-fill": "", |
|||
"uicon-baidu": "", |
|||
"uicon-facebook-circle-fill": "", |
|||
"uicon-facebook": "", |
|||
"uicon-car": "", |
|||
"uicon-car-fill": "", |
|||
"uicon-warning-fill": "", |
|||
"uicon-warning": "", |
|||
"uicon-clock-fill": "", |
|||
"uicon-clock": "", |
|||
"uicon-edit-pen": "", |
|||
"uicon-edit-pen-fill": "", |
|||
"uicon-email": "", |
|||
"uicon-email-fill": "", |
|||
"uicon-minus-circle": "", |
|||
"uicon-minus-circle-fill": "", |
|||
"uicon-plus-circle": "", |
|||
"uicon-plus-circle-fill": "", |
|||
"uicon-file-text": "", |
|||
"uicon-file-text-fill": "", |
|||
"uicon-pushpin": "", |
|||
"uicon-pushpin-fill": "", |
|||
"uicon-grid": "", |
|||
"uicon-grid-fill": "", |
|||
"uicon-play-circle": "", |
|||
"uicon-play-circle-fill": "", |
|||
"uicon-pause-circle-fill": "", |
|||
"uicon-pause": "", |
|||
"uicon-pause-circle": "", |
|||
"uicon-eye-off": "", |
|||
"uicon-eye-off-outline": "", |
|||
"uicon-gift-fill": "", |
|||
"uicon-gift": "", |
|||
"uicon-rmb-circle-fill": "", |
|||
"uicon-rmb-circle": "", |
|||
"uicon-kefu-ermai": "", |
|||
"uicon-server-fill": "", |
|||
"uicon-coupon-fill": "", |
|||
"uicon-coupon": "", |
|||
"uicon-integral": "", |
|||
"uicon-integral-fill": "", |
|||
"uicon-home-fill": "", |
|||
"uicon-home": "", |
|||
"uicon-hourglass-half-fill": "", |
|||
"uicon-hourglass": "", |
|||
"uicon-account": "", |
|||
"uicon-plus-people-fill": "", |
|||
"uicon-minus-people-fill": "", |
|||
"uicon-account-fill": "", |
|||
"uicon-thumb-down-fill": "", |
|||
"uicon-thumb-down": "", |
|||
"uicon-thumb-up": "", |
|||
"uicon-thumb-up-fill": "", |
|||
"uicon-lock-fill": "", |
|||
"uicon-lock-open": "", |
|||
"uicon-lock-opened-fill": "", |
|||
"uicon-lock": "", |
|||
"uicon-red-packet-fill": "", |
|||
"uicon-photo-fill": "", |
|||
"uicon-photo": "", |
|||
"uicon-volume-off-fill": "", |
|||
"uicon-volume-off": "", |
|||
"uicon-volume-fill": "", |
|||
"uicon-volume": "", |
|||
"uicon-red-packet": "", |
|||
"uicon-download": "", |
|||
"uicon-arrow-up-fill": "", |
|||
"uicon-arrow-down-fill": "", |
|||
"uicon-play-left-fill": "", |
|||
"uicon-play-right-fill": "", |
|||
"uicon-rewind-left-fill": "", |
|||
"uicon-rewind-right-fill": "", |
|||
"uicon-arrow-downward": "", |
|||
"uicon-arrow-leftward": "", |
|||
"uicon-arrow-rightward": "", |
|||
"uicon-arrow-upward": "", |
|||
"uicon-arrow-down": "", |
|||
"uicon-arrow-right": "", |
|||
"uicon-arrow-left": "", |
|||
"uicon-arrow-up": "", |
|||
"uicon-skip-back-left": "", |
|||
"uicon-skip-forward-right": "", |
|||
"uicon-rewind-right": "", |
|||
"uicon-rewind-left": "", |
|||
"uicon-arrow-right-double": "", |
|||
"uicon-arrow-left-double": "", |
|||
"uicon-wifi-off": "", |
|||
"uicon-wifi": "", |
|||
"uicon-empty-data": "", |
|||
"uicon-empty-history": "", |
|||
"uicon-empty-list": "", |
|||
"uicon-empty-page": "", |
|||
"uicon-empty-order": "", |
|||
"uicon-man": "", |
|||
"uicon-woman": "", |
|||
"uicon-man-add": "", |
|||
"uicon-man-add-fill": "", |
|||
"uicon-man-delete": "", |
|||
"uicon-man-delete-fill": "", |
|||
"uicon-zh": "", |
|||
"uicon-en": "" |
|||
}; |
|||
exports.icons = icons; |
|||
@ -0,0 +1,93 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js"); |
|||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js"); |
|||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({ |
|||
props: { |
|||
// 图标类名
|
|||
name: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.name |
|||
}, |
|||
// 图标颜色，可接受主题色
|
|||
color: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.color |
|||
}, |
|||
// 字体大小，单位px
|
|||
size: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.size |
|||
}, |
|||
// 是否显示粗体
|
|||
bold: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.bold |
|||
}, |
|||
// 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
|
|||
index: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.index |
|||
}, |
|||
// 触摸图标时的类名
|
|||
hoverClass: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.hoverClass |
|||
}, |
|||
// 自定义扩展前缀，方便用户扩展自己的图标库
|
|||
customPrefix: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.customPrefix |
|||
}, |
|||
// 图标右边或者下面的文字
|
|||
label: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.label |
|||
}, |
|||
// label的位置，只能右边或者下边
|
|||
labelPos: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.labelPos |
|||
}, |
|||
// label的大小
|
|||
labelSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.labelSize |
|||
}, |
|||
// label的颜色
|
|||
labelColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.labelColor |
|||
}, |
|||
// label与图标的距离
|
|||
space: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.space |
|||
}, |
|||
// 图片的mode
|
|||
imgMode: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.imgMode |
|||
}, |
|||
// 用于显示图片小图标时，图片的宽度
|
|||
width: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.width |
|||
}, |
|||
// 用于显示图片小图标时，图片的高度
|
|||
height: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.height |
|||
}, |
|||
// 用于解决某些情况下，让图标垂直居中的用途
|
|||
top: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.top |
|||
}, |
|||
// 是否阻止事件传播
|
|||
stop: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.icon.stop |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,192 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uIcon_icons = require("./icons.js"); |
|||
const uni_modules_uviewPlus_components_uIcon_props = require("./props.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js"); |
|||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js"); |
|||
const uni_modules_uviewPlus_libs_config_config = require("../../libs/config/config.js"); |
|||
const common_vendor = require("../../../../common/vendor.js"); |
|||
require("../../libs/vue.js"); |
|||
require("../../libs/config/props.js"); |
|||
require("../../libs/config/props/actionSheet.js"); |
|||
require("../../libs/config/props/album.js"); |
|||
require("../../libs/config/props/alert.js"); |
|||
require("../../libs/config/props/avatar.js"); |
|||
require("../../libs/config/props/avatarGroup.js"); |
|||
require("../../libs/config/props/backtop.js"); |
|||
require("../../libs/config/props/badge.js"); |
|||
require("../../libs/config/props/button.js"); |
|||
require("../../libs/config/props/calendar.js"); |
|||
require("../../libs/config/props/carKeyboard.js"); |
|||
require("../../libs/config/props/cell.js"); |
|||
require("../../libs/config/props/cellGroup.js"); |
|||
require("../../libs/config/props/checkbox.js"); |
|||
require("../../libs/config/props/checkboxGroup.js"); |
|||
require("../../libs/config/props/circleProgress.js"); |
|||
require("../../libs/config/props/code.js"); |
|||
require("../../libs/config/props/codeInput.js"); |
|||
require("../../libs/config/props/col.js"); |
|||
require("../../libs/config/props/collapse.js"); |
|||
require("../../libs/config/props/collapseItem.js"); |
|||
require("../../libs/config/props/columnNotice.js"); |
|||
require("../../libs/config/props/countDown.js"); |
|||
require("../../libs/config/props/countTo.js"); |
|||
require("../../libs/config/props/datetimePicker.js"); |
|||
require("../../libs/config/props/divider.js"); |
|||
require("../../libs/config/props/empty.js"); |
|||
require("../../libs/config/props/form.js"); |
|||
require("../../libs/config/props/formItem.js"); |
|||
require("../../libs/config/props/gap.js"); |
|||
require("../../libs/config/props/grid.js"); |
|||
require("../../libs/config/props/gridItem.js"); |
|||
require("../../libs/config/props/icon.js"); |
|||
require("../../libs/config/props/image.js"); |
|||
require("../../libs/config/props/indexAnchor.js"); |
|||
require("../../libs/config/props/indexList.js"); |
|||
require("../../libs/config/props/input.js"); |
|||
require("../../libs/config/props/keyboard.js"); |
|||
require("../../libs/config/props/line.js"); |
|||
require("../../libs/config/props/lineProgress.js"); |
|||
require("../../libs/config/props/link.js"); |
|||
require("../../libs/config/props/list.js"); |
|||
require("../../libs/config/props/listItem.js"); |
|||
require("../../libs/config/props/loadingIcon.js"); |
|||
require("../../libs/config/props/loadingPage.js"); |
|||
require("../../libs/config/props/loadmore.js"); |
|||
require("../../libs/config/props/modal.js"); |
|||
require("../../libs/config/props/navbar.js"); |
|||
require("../../libs/config/color.js"); |
|||
require("../../libs/config/props/noNetwork.js"); |
|||
require("../../libs/config/props/noticeBar.js"); |
|||
require("../../libs/config/props/notify.js"); |
|||
require("../../libs/config/props/numberBox.js"); |
|||
require("../../libs/config/props/numberKeyboard.js"); |
|||
require("../../libs/config/props/overlay.js"); |
|||
require("../../libs/config/props/parse.js"); |
|||
require("../../libs/config/props/picker.js"); |
|||
require("../../libs/config/props/popup.js"); |
|||
require("../../libs/config/props/radio.js"); |
|||
require("../../libs/config/props/radioGroup.js"); |
|||
require("../../libs/config/props/rate.js"); |
|||
require("../../libs/config/props/readMore.js"); |
|||
require("../../libs/config/props/row.js"); |
|||
require("../../libs/config/props/rowNotice.js"); |
|||
require("../../libs/config/props/scrollList.js"); |
|||
require("../../libs/config/props/search.js"); |
|||
require("../../libs/config/props/section.js"); |
|||
require("../../libs/config/props/skeleton.js"); |
|||
require("../../libs/config/props/slider.js"); |
|||
require("../../libs/config/props/statusBar.js"); |
|||
require("../../libs/config/props/steps.js"); |
|||
require("../../libs/config/props/stepsItem.js"); |
|||
require("../../libs/config/props/sticky.js"); |
|||
require("../../libs/config/props/subsection.js"); |
|||
require("../../libs/config/props/swipeAction.js"); |
|||
require("../../libs/config/props/swipeActionItem.js"); |
|||
require("../../libs/config/props/swiper.js"); |
|||
require("../../libs/config/props/swipterIndicator.js"); |
|||
require("../../libs/config/props/switch.js"); |
|||
require("../../libs/config/props/tabbar.js"); |
|||
require("../../libs/config/props/tabbarItem.js"); |
|||
require("../../libs/config/props/tabs.js"); |
|||
require("../../libs/config/props/tag.js"); |
|||
require("../../libs/config/props/text.js"); |
|||
require("../../libs/config/props/textarea.js"); |
|||
require("../../libs/config/props/toast.js"); |
|||
require("../../libs/config/props/toolbar.js"); |
|||
require("../../libs/config/props/tooltip.js"); |
|||
require("../../libs/config/props/transition.js"); |
|||
require("../../libs/config/props/upload.js"); |
|||
require("../../libs/function/test.js"); |
|||
require("../../libs/util/route.js"); |
|||
require("../../libs/function/digit.js"); |
|||
const _sfc_main = { |
|||
name: "u-icon", |
|||
data() { |
|||
return {}; |
|||
}, |
|||
emits: ["click"], |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uIcon_props.props], |
|||
computed: { |
|||
uClasses() { |
|||
let classes = []; |
|||
classes.push(this.customPrefix + "-" + this.name); |
|||
if (this.customPrefix == "uicon") { |
|||
classes.push("u-iconfont"); |
|||
} else { |
|||
classes.push(this.customPrefix); |
|||
} |
|||
if (this.color && uni_modules_uviewPlus_libs_config_config.config.type.includes(this.color)) |
|||
classes.push("u-icon__icon--" + this.color); |
|||
return classes; |
|||
}, |
|||
iconStyle() { |
|||
let style = {}; |
|||
style = { |
|||
fontSize: uni_modules_uviewPlus_libs_function_index.addUnit(this.size), |
|||
lineHeight: uni_modules_uviewPlus_libs_function_index.addUnit(this.size), |
|||
fontWeight: this.bold ? "bold" : "normal", |
|||
// 某些特殊情况需要设置一个到顶部的距离，才能更好的垂直居中
|
|||
top: uni_modules_uviewPlus_libs_function_index.addUnit(this.top) |
|||
}; |
|||
if (this.color && !uni_modules_uviewPlus_libs_config_config.config.type.includes(this.color)) |
|||
style.color = this.color; |
|||
return style; |
|||
}, |
|||
// 判断传入的name属性，是否图片路径，只要带有"/"均认为是图片形式
|
|||
isImg() { |
|||
return this.name.indexOf("/") !== -1; |
|||
}, |
|||
imgStyle() { |
|||
let style = {}; |
|||
style.width = this.width ? uni_modules_uviewPlus_libs_function_index.addUnit(this.width) : uni_modules_uviewPlus_libs_function_index.addUnit(this.size); |
|||
style.height = this.height ? uni_modules_uviewPlus_libs_function_index.addUnit(this.height) : uni_modules_uviewPlus_libs_function_index.addUnit(this.size); |
|||
return style; |
|||
}, |
|||
// 通过图标名，查找对应的图标
|
|||
icon() { |
|||
if (this.customPrefix !== "uicon") |
|||
return ""; |
|||
return uni_modules_uviewPlus_components_uIcon_icons.icons["uicon-" + this.name] || this.name; |
|||
} |
|||
}, |
|||
methods: { |
|||
addStyle: uni_modules_uviewPlus_libs_function_index.addStyle, |
|||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit, |
|||
clickHandler(e) { |
|||
this.$emit("click", this.index); |
|||
this.stop && this.preventEvent(e); |
|||
} |
|||
} |
|||
}; |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return common_vendor.e({ |
|||
a: $options.isImg |
|||
}, $options.isImg ? { |
|||
b: _ctx.name, |
|||
c: _ctx.imgMode, |
|||
d: common_vendor.s($options.imgStyle), |
|||
e: common_vendor.s($options.addStyle(_ctx.customStyle)) |
|||
} : { |
|||
f: common_vendor.t($options.icon), |
|||
g: common_vendor.n($options.uClasses), |
|||
h: common_vendor.s($options.iconStyle), |
|||
i: common_vendor.s($options.addStyle(_ctx.customStyle)), |
|||
j: _ctx.hoverClass |
|||
}, { |
|||
k: _ctx.label !== "" |
|||
}, _ctx.label !== "" ? { |
|||
l: common_vendor.t(_ctx.label), |
|||
m: _ctx.labelColor, |
|||
n: $options.addUnit(_ctx.labelSize), |
|||
o: _ctx.labelPos == "right" ? $options.addUnit(_ctx.space) : 0, |
|||
p: _ctx.labelPos == "bottom" ? $options.addUnit(_ctx.space) : 0, |
|||
q: _ctx.labelPos == "left" ? $options.addUnit(_ctx.space) : 0, |
|||
r: _ctx.labelPos == "top" ? $options.addUnit(_ctx.space) : 0 |
|||
} : {}, { |
|||
s: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)), |
|||
t: common_vendor.n("u-icon--" + _ctx.labelPos) |
|||
}); |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ac70166d"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-icon/u-icon.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view bindtap="{{s}}" class="{{['u-icon', 'data-v-ac70166d', t]}}"><image wx:if="{{a}}" class="u-icon__img data-v-ac70166d" src="{{b}}" mode="{{c}}" style="{{d + ';' + e}}"></image><text wx:else class="{{['u-icon__icon', 'data-v-ac70166d', g]}}" style="{{h + ';' + i}}" hover-class="{{j}}">{{f}}</text><text wx:if="{{k}}" class="u-icon__label data-v-ac70166d" style="{{'color:' + m + ';' + ('font-size:' + n) + ';' + ('margin-left:' + o) + ';' + ('margin-top:' + p) + ';' + ('margin-right:' + q) + ';' + ('margin-bottom:' + r)}}">{{l}}</text></view> |
|||
@ -0,0 +1,96 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-ac70166d, |
|||
.u-empty__wrap.data-v-ac70166d, |
|||
.u-tabs.data-v-ac70166d, |
|||
.u-tabs__wrapper.data-v-ac70166d, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-ac70166d, |
|||
.u-tabs__wrapper__scroll-view.data-v-ac70166d, |
|||
.u-tabs__wrapper__nav.data-v-ac70166d, |
|||
.u-tabs__wrapper__nav__line.data-v-ac70166d { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
@font-face { |
|||
font-family: "uicon-iconfont"; |
|||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype"); |
|||
} |
|||
.u-icon.data-v-ac70166d { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.u-icon--left.data-v-ac70166d { |
|||
flex-direction: row-reverse; |
|||
align-items: center; |
|||
} |
|||
.u-icon--right.data-v-ac70166d { |
|||
flex-direction: row; |
|||
align-items: center; |
|||
} |
|||
.u-icon--top.data-v-ac70166d { |
|||
flex-direction: column-reverse; |
|||
justify-content: center; |
|||
} |
|||
.u-icon--bottom.data-v-ac70166d { |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
} |
|||
.u-icon__icon.data-v-ac70166d { |
|||
font-family: uicon-iconfont; |
|||
position: relative; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
} |
|||
.u-icon__icon--primary.data-v-ac70166d { |
|||
color: #3c9cff; |
|||
} |
|||
.u-icon__icon--success.data-v-ac70166d { |
|||
color: #5ac725; |
|||
} |
|||
.u-icon__icon--error.data-v-ac70166d { |
|||
color: #f56c6c; |
|||
} |
|||
.u-icon__icon--warning.data-v-ac70166d { |
|||
color: #f9ae3d; |
|||
} |
|||
.u-icon__icon--info.data-v-ac70166d { |
|||
color: #909399; |
|||
} |
|||
.u-icon__img.data-v-ac70166d { |
|||
height: auto; |
|||
will-change: transform; |
|||
} |
|||
.u-icon__label.data-v-ac70166d { |
|||
line-height: 1; |
|||
} |
|||
@ -0,0 +1,190 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js"); |
|||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js"); |
|||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({ |
|||
props: { |
|||
// 绑定的值
|
|||
modelValue: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.value |
|||
}, |
|||
// number-数字输入键盘，app-vue下可以输入浮点数，app-nvue和小程序平台下只能输入整数
|
|||
// idcard-身份证输入键盘，微信、支付宝、百度、QQ小程序
|
|||
// digit-带小数点的数字键盘，App的nvue页面、微信、支付宝、百度、头条、QQ小程序
|
|||
// text-文本输入键盘
|
|||
type: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.type |
|||
}, |
|||
// 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true，
|
|||
// 兼容性：微信小程序、百度小程序、字节跳动小程序、QQ小程序
|
|||
fixed: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.fixed |
|||
}, |
|||
// 是否禁用输入框
|
|||
disabled: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.disabled |
|||
}, |
|||
// 禁用状态时的背景色
|
|||
disabledColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.disabledColor |
|||
}, |
|||
// 是否显示清除控件
|
|||
clearable: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.clearable |
|||
}, |
|||
// 是否密码类型
|
|||
password: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.password |
|||
}, |
|||
// 最大输入长度，设置为 -1 的时候不限制最大长度
|
|||
maxlength: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.maxlength |
|||
}, |
|||
// 输入框为空时的占位符
|
|||
placeholder: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.placeholder |
|||
}, |
|||
// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
|
|||
placeholderClass: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.placeholderClass |
|||
}, |
|||
// 指定placeholder的样式
|
|||
placeholderStyle: { |
|||
type: [String, Object], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.placeholderStyle |
|||
}, |
|||
// 是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效
|
|||
showWordLimit: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.showWordLimit |
|||
}, |
|||
// 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档
|
|||
// https://uniapp.dcloud.io/component/input
|
|||
// https://uniapp.dcloud.io/component/textarea
|
|||
confirmType: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.confirmType |
|||
}, |
|||
// 点击键盘右下角按钮时是否保持键盘不收起，H5无效
|
|||
confirmHold: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.confirmHold |
|||
}, |
|||
// focus时，点击页面的时候不收起键盘，微信小程序有效
|
|||
holdKeyboard: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.holdKeyboard |
|||
}, |
|||
// 自动获取焦点
|
|||
// 在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。nvue 页面不支持，需使用组件的 focus()、blur() 方法控制焦点
|
|||
focus: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.focus |
|||
}, |
|||
// 键盘收起时，是否自动失去焦点，目前仅App3.0.0+有效
|
|||
autoBlur: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.autoBlur |
|||
}, |
|||
// 是否去掉 iOS 下的默认内边距，仅微信小程序，且type=textarea时有效
|
|||
disableDefaultPadding: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.disableDefaultPadding |
|||
}, |
|||
// 指定focus时光标的位置
|
|||
cursor: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.cursor |
|||
}, |
|||
// 输入框聚焦时底部与键盘的距离
|
|||
cursorSpacing: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.cursorSpacing |
|||
}, |
|||
// 光标起始位置，自动聚集时有效，需与selection-end搭配使用
|
|||
selectionStart: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.selectionStart |
|||
}, |
|||
// 光标结束位置，自动聚集时有效，需与selection-start搭配使用
|
|||
selectionEnd: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.selectionEnd |
|||
}, |
|||
// 键盘弹起时，是否自动上推页面
|
|||
adjustPosition: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.adjustPosition |
|||
}, |
|||
// 输入框内容对齐方式，可选值为：left|center|right
|
|||
inputAlign: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.inputAlign |
|||
}, |
|||
// 输入框字体的大小
|
|||
fontSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.fontSize |
|||
}, |
|||
// 输入框字体颜色
|
|||
color: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.color |
|||
}, |
|||
// 输入框前置图标
|
|||
prefixIcon: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.prefixIcon |
|||
}, |
|||
// 前置图标样式，对象或字符串
|
|||
prefixIconStyle: { |
|||
type: [String, Object], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.prefixIconStyle |
|||
}, |
|||
// 输入框后置图标
|
|||
suffixIcon: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.suffixIcon |
|||
}, |
|||
// 后置图标样式，对象或字符串
|
|||
suffixIconStyle: { |
|||
type: [String, Object], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.suffixIconStyle |
|||
}, |
|||
// 边框类型，surround-四周边框，bottom-底部边框，none-无边框
|
|||
border: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.border |
|||
}, |
|||
// 是否只读，与disabled不同之处在于disabled会置灰组件，而readonly则不会
|
|||
readonly: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.readonly |
|||
}, |
|||
// 输入框形状，circle-圆形，square-方形
|
|||
shape: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.shape |
|||
}, |
|||
// 用于处理或者过滤输入框内容的方法
|
|||
formatter: { |
|||
type: [Function, null], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.input.formatter |
|||
}, |
|||
// 是否忽略组件内对文本合成系统事件的处理
|
|||
ignoreCompositionEvent: { |
|||
type: Boolean, |
|||
default: true |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,327 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uInput_props = require("./props.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js"); |
|||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js"); |
|||
const common_vendor = require("../../../../common/vendor.js"); |
|||
require("../../libs/vue.js"); |
|||
require("../../libs/config/props.js"); |
|||
require("../../libs/config/config.js"); |
|||
require("../../libs/config/props/actionSheet.js"); |
|||
require("../../libs/config/props/album.js"); |
|||
require("../../libs/config/props/alert.js"); |
|||
require("../../libs/config/props/avatar.js"); |
|||
require("../../libs/config/props/avatarGroup.js"); |
|||
require("../../libs/config/props/backtop.js"); |
|||
require("../../libs/config/props/badge.js"); |
|||
require("../../libs/config/props/button.js"); |
|||
require("../../libs/config/props/calendar.js"); |
|||
require("../../libs/config/props/carKeyboard.js"); |
|||
require("../../libs/config/props/cell.js"); |
|||
require("../../libs/config/props/cellGroup.js"); |
|||
require("../../libs/config/props/checkbox.js"); |
|||
require("../../libs/config/props/checkboxGroup.js"); |
|||
require("../../libs/config/props/circleProgress.js"); |
|||
require("../../libs/config/props/code.js"); |
|||
require("../../libs/config/props/codeInput.js"); |
|||
require("../../libs/config/props/col.js"); |
|||
require("../../libs/config/props/collapse.js"); |
|||
require("../../libs/config/props/collapseItem.js"); |
|||
require("../../libs/config/props/columnNotice.js"); |
|||
require("../../libs/config/props/countDown.js"); |
|||
require("../../libs/config/props/countTo.js"); |
|||
require("../../libs/config/props/datetimePicker.js"); |
|||
require("../../libs/config/props/divider.js"); |
|||
require("../../libs/config/props/empty.js"); |
|||
require("../../libs/config/props/form.js"); |
|||
require("../../libs/config/props/formItem.js"); |
|||
require("../../libs/config/props/gap.js"); |
|||
require("../../libs/config/props/grid.js"); |
|||
require("../../libs/config/props/gridItem.js"); |
|||
require("../../libs/config/props/icon.js"); |
|||
require("../../libs/config/props/image.js"); |
|||
require("../../libs/config/props/indexAnchor.js"); |
|||
require("../../libs/config/props/indexList.js"); |
|||
require("../../libs/config/props/input.js"); |
|||
require("../../libs/config/props/keyboard.js"); |
|||
require("../../libs/config/props/line.js"); |
|||
require("../../libs/config/props/lineProgress.js"); |
|||
require("../../libs/config/props/link.js"); |
|||
require("../../libs/config/props/list.js"); |
|||
require("../../libs/config/props/listItem.js"); |
|||
require("../../libs/config/props/loadingIcon.js"); |
|||
require("../../libs/config/props/loadingPage.js"); |
|||
require("../../libs/config/props/loadmore.js"); |
|||
require("../../libs/config/props/modal.js"); |
|||
require("../../libs/config/props/navbar.js"); |
|||
require("../../libs/config/color.js"); |
|||
require("../../libs/config/props/noNetwork.js"); |
|||
require("../../libs/config/props/noticeBar.js"); |
|||
require("../../libs/config/props/notify.js"); |
|||
require("../../libs/config/props/numberBox.js"); |
|||
require("../../libs/config/props/numberKeyboard.js"); |
|||
require("../../libs/config/props/overlay.js"); |
|||
require("../../libs/config/props/parse.js"); |
|||
require("../../libs/config/props/picker.js"); |
|||
require("../../libs/config/props/popup.js"); |
|||
require("../../libs/config/props/radio.js"); |
|||
require("../../libs/config/props/radioGroup.js"); |
|||
require("../../libs/config/props/rate.js"); |
|||
require("../../libs/config/props/readMore.js"); |
|||
require("../../libs/config/props/row.js"); |
|||
require("../../libs/config/props/rowNotice.js"); |
|||
require("../../libs/config/props/scrollList.js"); |
|||
require("../../libs/config/props/search.js"); |
|||
require("../../libs/config/props/section.js"); |
|||
require("../../libs/config/props/skeleton.js"); |
|||
require("../../libs/config/props/slider.js"); |
|||
require("../../libs/config/props/statusBar.js"); |
|||
require("../../libs/config/props/steps.js"); |
|||
require("../../libs/config/props/stepsItem.js"); |
|||
require("../../libs/config/props/sticky.js"); |
|||
require("../../libs/config/props/subsection.js"); |
|||
require("../../libs/config/props/swipeAction.js"); |
|||
require("../../libs/config/props/swipeActionItem.js"); |
|||
require("../../libs/config/props/swiper.js"); |
|||
require("../../libs/config/props/swipterIndicator.js"); |
|||
require("../../libs/config/props/switch.js"); |
|||
require("../../libs/config/props/tabbar.js"); |
|||
require("../../libs/config/props/tabbarItem.js"); |
|||
require("../../libs/config/props/tabs.js"); |
|||
require("../../libs/config/props/tag.js"); |
|||
require("../../libs/config/props/text.js"); |
|||
require("../../libs/config/props/textarea.js"); |
|||
require("../../libs/config/props/toast.js"); |
|||
require("../../libs/config/props/toolbar.js"); |
|||
require("../../libs/config/props/tooltip.js"); |
|||
require("../../libs/config/props/transition.js"); |
|||
require("../../libs/config/props/upload.js"); |
|||
require("../../libs/function/test.js"); |
|||
require("../../libs/util/route.js"); |
|||
require("../../libs/function/digit.js"); |
|||
const _sfc_main = { |
|||
name: "u-input", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uInput_props.props], |
|||
data() { |
|||
return { |
|||
// 清除操作
|
|||
clearInput: false, |
|||
// 输入框的值
|
|||
innerValue: "", |
|||
// 是否处于获得焦点状态
|
|||
focused: false, |
|||
// value是否第一次变化，在watch中，由于加入immediate属性，会在第一次触发，此时不应该认为value发生了变化
|
|||
firstChange: true, |
|||
// value绑定值的变化是由内部还是外部引起的
|
|||
changeFromInner: false, |
|||
// 过滤处理方法
|
|||
innerFormatter: (value) => value |
|||
}; |
|||
}, |
|||
created() { |
|||
if (this.formatter) { |
|||
this.innerFormatter = this.formatter; |
|||
} |
|||
}, |
|||
watch: { |
|||
modelValue: { |
|||
immediate: true, |
|||
handler(newVal, oldVal) { |
|||
if (this.changeFromInner || this.innerValue === newVal) { |
|||
this.changeFromInner = false; |
|||
return; |
|||
} |
|||
this.innerValue = newVal; |
|||
if (this.firstChange === false && this.changeFromInner === false) { |
|||
this.valueChange(this.innerValue, true); |
|||
} else { |
|||
if (!this.firstChange) |
|||
uni_modules_uviewPlus_libs_function_index.formValidate(this, "change"); |
|||
} |
|||
this.firstChange = false; |
|||
this.changeFromInner = false; |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
// 是否显示清除控件
|
|||
isShowClear() { |
|||
const { clearable, readonly, focused, innerValue } = this; |
|||
return !!clearable && !readonly && !!focused && innerValue !== ""; |
|||
}, |
|||
// 组件的类名
|
|||
inputClass() { |
|||
let classes = [], { border, disabled, shape } = this; |
|||
border === "surround" && (classes = classes.concat(["u-border", "u-input--radius"])); |
|||
classes.push(`u-input--${shape}`); |
|||
border === "bottom" && (classes = classes.concat([ |
|||
"u-border-bottom", |
|||
"u-input--no-radius" |
|||
])); |
|||
return classes.join(" "); |
|||
}, |
|||
// 组件的样式
|
|||
wrapperStyle() { |
|||
const style = {}; |
|||
if (this.disabled) { |
|||
style.backgroundColor = this.disabledColor; |
|||
} |
|||
if (this.border === "none") { |
|||
style.padding = "0"; |
|||
} else { |
|||
style.paddingTop = "6px"; |
|||
style.paddingBottom = "6px"; |
|||
style.paddingLeft = "9px"; |
|||
style.paddingRight = "9px"; |
|||
} |
|||
return uni_modules_uviewPlus_libs_function_index.deepMerge(style, uni_modules_uviewPlus_libs_function_index.addStyle(this.customStyle)); |
|||
}, |
|||
// 输入框的样式
|
|||
inputStyle() { |
|||
const style = { |
|||
color: this.color, |
|||
fontSize: uni_modules_uviewPlus_libs_function_index.addUnit(this.fontSize), |
|||
textAlign: this.inputAlign |
|||
}; |
|||
return style; |
|||
} |
|||
}, |
|||
emits: ["update:modelValue", "focus", "blur", "change", "confirm", "clear", "keyboardheightchange"], |
|||
methods: { |
|||
// 在微信小程序中，不支持将函数当做props参数，故只能通过ref形式调用
|
|||
setFormatter(e) { |
|||
this.innerFormatter = e; |
|||
}, |
|||
// 当键盘输入时，触发input事件
|
|||
onInput(e) { |
|||
let { value = "" } = e.detail || {}; |
|||
this.innerValue = value; |
|||
this.$nextTick(() => { |
|||
let formatValue = this.innerFormatter(value); |
|||
this.innerValue = formatValue; |
|||
this.valueChange(formatValue); |
|||
}); |
|||
}, |
|||
// 输入框失去焦点时触发
|
|||
onBlur(event) { |
|||
this.$emit("blur", event.detail.value); |
|||
uni_modules_uviewPlus_libs_function_index.sleep(150).then(() => { |
|||
this.focused = false; |
|||
}); |
|||
uni_modules_uviewPlus_libs_function_index.formValidate(this, "blur"); |
|||
}, |
|||
// 输入框聚焦时触发
|
|||
onFocus(event) { |
|||
this.focused = true; |
|||
this.$emit("focus"); |
|||
}, |
|||
// 点击完成按钮时触发
|
|||
onConfirm(event) { |
|||
this.$emit("confirm", this.innerValue); |
|||
}, |
|||
// 键盘高度发生变化的时候触发此事件
|
|||
// 兼容性：微信小程序2.7.0+、App 3.1.0+
|
|||
onkeyboardheightchange(event) { |
|||
this.$emit("keyboardheightchange", event); |
|||
}, |
|||
// 内容发生变化，进行处理
|
|||
valueChange(value, isOut = false) { |
|||
if (this.clearInput) { |
|||
this.innerValue = ""; |
|||
this.clearInput = false; |
|||
} |
|||
this.$nextTick(() => { |
|||
if (!isOut || this.clearInput) { |
|||
this.changeFromInner = true; |
|||
this.$emit("change", value); |
|||
this.$emit("update:modelValue", value); |
|||
} |
|||
uni_modules_uviewPlus_libs_function_index.formValidate(this, "change"); |
|||
}); |
|||
}, |
|||
// 点击清除控件
|
|||
onClear() { |
|||
this.clearInput = true; |
|||
this.innerValue = ""; |
|||
this.$nextTick(() => { |
|||
this.valueChange(""); |
|||
this.$emit("clear"); |
|||
}); |
|||
}, |
|||
/** |
|||
* 在安卓nvue上，事件无法冒泡 |
|||
* 在某些时间，我们希望监听u-from-item的点击事件，此时会导致点击u-form-item内的u-input后 |
|||
* 无法触发u-form-item的点击事件，这里通过手动调用u-form-item的方法进行触发 |
|||
*/ |
|||
clickHandler() { |
|||
} |
|||
} |
|||
}; |
|||
if (!Array) { |
|||
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon"); |
|||
_easycom_u_icon2(); |
|||
} |
|||
const _easycom_u_icon = () => "../u-icon/u-icon.js"; |
|||
if (!Math) { |
|||
_easycom_u_icon(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return common_vendor.e({ |
|||
a: _ctx.prefixIcon || _ctx.$slots.prefix |
|||
}, _ctx.prefixIcon || _ctx.$slots.prefix ? { |
|||
b: common_vendor.p({ |
|||
name: _ctx.prefixIcon, |
|||
size: "18", |
|||
customStyle: _ctx.prefixIconStyle |
|||
}) |
|||
} : {}, { |
|||
c: common_vendor.s($options.inputStyle), |
|||
d: _ctx.type, |
|||
e: _ctx.focus, |
|||
f: _ctx.cursor, |
|||
g: $data.innerValue, |
|||
h: _ctx.autoBlur, |
|||
i: _ctx.disabled || _ctx.readonly, |
|||
j: _ctx.maxlength, |
|||
k: _ctx.placeholder, |
|||
l: _ctx.placeholderStyle, |
|||
m: _ctx.placeholderClass, |
|||
n: _ctx.confirmType, |
|||
o: _ctx.confirmHold, |
|||
p: _ctx.holdKeyboard, |
|||
q: _ctx.cursorSpacing, |
|||
r: _ctx.adjustPosition, |
|||
s: _ctx.selectionEnd, |
|||
t: _ctx.selectionStart, |
|||
v: _ctx.password || _ctx.type === "password" || false, |
|||
w: _ctx.ignoreCompositionEvent, |
|||
x: common_vendor.o((...args) => $options.onInput && $options.onInput(...args)), |
|||
y: common_vendor.o((...args) => $options.onBlur && $options.onBlur(...args)), |
|||
z: common_vendor.o((...args) => $options.onFocus && $options.onFocus(...args)), |
|||
A: common_vendor.o((...args) => $options.onConfirm && $options.onConfirm(...args)), |
|||
B: common_vendor.o((...args) => $options.onkeyboardheightchange && $options.onkeyboardheightchange(...args)), |
|||
C: common_vendor.o((...args) => $options.clickHandler && $options.clickHandler(...args)), |
|||
D: $options.isShowClear |
|||
}, $options.isShowClear ? { |
|||
E: common_vendor.p({ |
|||
name: "close", |
|||
size: "11", |
|||
color: "#ffffff", |
|||
customStyle: "line-height: 12px" |
|||
}), |
|||
F: common_vendor.o((...args) => $options.onClear && $options.onClear(...args)) |
|||
} : {}, { |
|||
G: _ctx.suffixIcon || _ctx.$slots.suffix |
|||
}, _ctx.suffixIcon || _ctx.$slots.suffix ? { |
|||
H: common_vendor.p({ |
|||
name: _ctx.suffixIcon, |
|||
size: "18", |
|||
customStyle: _ctx.suffixIconStyle |
|||
}) |
|||
} : {}, { |
|||
I: common_vendor.n($options.inputClass), |
|||
J: common_vendor.s($options.wrapperStyle) |
|||
}); |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-df79975b"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-input/u-input.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"u-icon": "../u-icon/u-icon" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="{{['u-input', 'data-v-df79975b', I]}}" style="{{J}}"><view class="u-input__content data-v-df79975b"><view wx:if="{{a}}" class="u-input__content__prefix-icon data-v-df79975b"><block wx:if="{{$slots.prefix}}"><slot name="prefix"></slot></block><block wx:else><u-icon wx:if="{{b}}" class="data-v-df79975b" u-i="df79975b-0" bind:__l="__l" u-p="{{b}}"></u-icon></block></view><view class="u-input__content__field-wrapper data-v-df79975b" bindtap="{{C}}"><block wx:if="{{r0}}"><input class="u-input__content__field-wrapper__field data-v-df79975b" style="{{c}}" type="{{d}}" focus="{{e}}" cursor="{{f}}" value="{{g}}" auto-blur="{{h}}" disabled="{{i}}" maxlength="{{j}}" placeholder="{{k}}" placeholder-style="{{l}}" placeholder-class="{{m}}" confirm-type="{{n}}" confirm-hold="{{o}}" hold-keyboard="{{p}}" cursor-spacing="{{q}}" adjust-position="{{r}}" selection-end="{{s}}" selection-start="{{t}}" password="{{v}}" ignoreCompositionEvent="{{w}}" bindinput="{{x}}" bindblur="{{y}}" bindfocus="{{z}}" bindconfirm="{{A}}" bindkeyboardheightchange="{{B}}"/></block></view><view wx:if="{{D}}" class="u-input__content__clear data-v-df79975b" bindtap="{{F}}"><u-icon wx:if="{{E}}" class="data-v-df79975b" u-i="df79975b-1" bind:__l="__l" u-p="{{E}}"></u-icon></view><view wx:if="{{G}}" class="u-input__content__subfix-icon data-v-df79975b"><block wx:if="{{$slots.suffix}}"><slot name="suffix"></slot></block><block wx:else><u-icon wx:if="{{H}}" class="data-v-df79975b" u-i="df79975b-2" bind:__l="__l" u-p="{{H}}"></u-icon></block></view></view></view> |
|||
@ -0,0 +1,105 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-df79975b, |
|||
.u-empty__wrap.data-v-df79975b, |
|||
.u-tabs.data-v-df79975b, |
|||
.u-tabs__wrapper.data-v-df79975b, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-df79975b, |
|||
.u-tabs__wrapper__scroll-view.data-v-df79975b, |
|||
.u-tabs__wrapper__nav.data-v-df79975b, |
|||
.u-tabs__wrapper__nav__line.data-v-df79975b { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
.u-input.data-v-df79975b { |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
flex: 1; |
|||
} |
|||
.u-input--radius.data-v-df79975b, .u-input--square.data-v-df79975b { |
|||
border-radius: 4px; |
|||
} |
|||
.u-input--no-radius.data-v-df79975b { |
|||
border-radius: 0; |
|||
} |
|||
.u-input--circle.data-v-df79975b { |
|||
border-radius: 100px; |
|||
} |
|||
.u-input__content.data-v-df79975b { |
|||
flex: 1; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.u-input__content__field-wrapper.data-v-df79975b { |
|||
position: relative; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
margin: 0; |
|||
flex: 1; |
|||
} |
|||
.u-input__content__field-wrapper__field.data-v-df79975b { |
|||
line-height: 26px; |
|||
text-align: left; |
|||
color: #303133; |
|||
height: 24px; |
|||
font-size: 15px; |
|||
flex: 1; |
|||
} |
|||
.u-input__content__clear.data-v-df79975b { |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 100px; |
|||
background-color: #c6c7cb; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
transform: scale(0.82); |
|||
margin-left: 4px; |
|||
} |
|||
.u-input__content__subfix-icon.data-v-df79975b { |
|||
margin-left: 4px; |
|||
} |
|||
.u-input__content__prefix-icon.data-v-df79975b { |
|||
margin-right: 4px; |
|||
} |
|||
@ -0,0 +1,88 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js"); |
|||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js"); |
|||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({ |
|||
props: { |
|||
// 是否开启顶部安全区适配
|
|||
safeAreaInsetTop: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.safeAreaInsetTop |
|||
}, |
|||
// 固定在顶部时，是否生成一个等高元素，以防止塌陷
|
|||
placeholder: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.placeholder |
|||
}, |
|||
// 是否固定在顶部
|
|||
fixed: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.fixed |
|||
}, |
|||
// 是否显示下边框
|
|||
border: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.border |
|||
}, |
|||
// 左边的图标
|
|||
leftIcon: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.leftIcon |
|||
}, |
|||
// 左边的提示文字
|
|||
leftText: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.leftText |
|||
}, |
|||
// 左右的提示文字
|
|||
rightText: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.rightText |
|||
}, |
|||
// 右边的图标
|
|||
rightIcon: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.rightIcon |
|||
}, |
|||
// 标题
|
|||
title: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.title |
|||
}, |
|||
// 背景颜色
|
|||
bgColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.bgColor |
|||
}, |
|||
// 标题的宽度
|
|||
titleWidth: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.titleWidth |
|||
}, |
|||
// 导航栏高度
|
|||
height: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.height |
|||
}, |
|||
// 左侧返回图标的大小
|
|||
leftIconSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.leftIconSize |
|||
}, |
|||
// 左侧返回图标的颜色
|
|||
leftIconColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.leftIconColor |
|||
}, |
|||
// 点击左侧区域(返回图标)，是否自动返回上一页
|
|||
autoBack: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.autoBack |
|||
}, |
|||
// 标题的样式，对象或字符串
|
|||
titleStyle: { |
|||
type: [String, Object], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.navbar.titleStyle |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,191 @@ |
|||
"use strict"; |
|||
const common_vendor = require("../../../../common/vendor.js"); |
|||
const uni_modules_uviewPlus_components_uNavbar_props = require("./props.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js"); |
|||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js"); |
|||
require("../../libs/vue.js"); |
|||
require("../../libs/config/props.js"); |
|||
require("../../libs/config/config.js"); |
|||
require("../../libs/config/props/actionSheet.js"); |
|||
require("../../libs/config/props/album.js"); |
|||
require("../../libs/config/props/alert.js"); |
|||
require("../../libs/config/props/avatar.js"); |
|||
require("../../libs/config/props/avatarGroup.js"); |
|||
require("../../libs/config/props/backtop.js"); |
|||
require("../../libs/config/props/badge.js"); |
|||
require("../../libs/config/props/button.js"); |
|||
require("../../libs/config/props/calendar.js"); |
|||
require("../../libs/config/props/carKeyboard.js"); |
|||
require("../../libs/config/props/cell.js"); |
|||
require("../../libs/config/props/cellGroup.js"); |
|||
require("../../libs/config/props/checkbox.js"); |
|||
require("../../libs/config/props/checkboxGroup.js"); |
|||
require("../../libs/config/props/circleProgress.js"); |
|||
require("../../libs/config/props/code.js"); |
|||
require("../../libs/config/props/codeInput.js"); |
|||
require("../../libs/config/props/col.js"); |
|||
require("../../libs/config/props/collapse.js"); |
|||
require("../../libs/config/props/collapseItem.js"); |
|||
require("../../libs/config/props/columnNotice.js"); |
|||
require("../../libs/config/props/countDown.js"); |
|||
require("../../libs/config/props/countTo.js"); |
|||
require("../../libs/config/props/datetimePicker.js"); |
|||
require("../../libs/config/props/divider.js"); |
|||
require("../../libs/config/props/empty.js"); |
|||
require("../../libs/config/props/form.js"); |
|||
require("../../libs/config/props/formItem.js"); |
|||
require("../../libs/config/props/gap.js"); |
|||
require("../../libs/config/props/grid.js"); |
|||
require("../../libs/config/props/gridItem.js"); |
|||
require("../../libs/config/props/icon.js"); |
|||
require("../../libs/config/props/image.js"); |
|||
require("../../libs/config/props/indexAnchor.js"); |
|||
require("../../libs/config/props/indexList.js"); |
|||
require("../../libs/config/props/input.js"); |
|||
require("../../libs/config/props/keyboard.js"); |
|||
require("../../libs/config/props/line.js"); |
|||
require("../../libs/config/props/lineProgress.js"); |
|||
require("../../libs/config/props/link.js"); |
|||
require("../../libs/config/props/list.js"); |
|||
require("../../libs/config/props/listItem.js"); |
|||
require("../../libs/config/props/loadingIcon.js"); |
|||
require("../../libs/config/props/loadingPage.js"); |
|||
require("../../libs/config/props/loadmore.js"); |
|||
require("../../libs/config/props/modal.js"); |
|||
require("../../libs/config/props/navbar.js"); |
|||
require("../../libs/config/color.js"); |
|||
require("../../libs/config/props/noNetwork.js"); |
|||
require("../../libs/config/props/noticeBar.js"); |
|||
require("../../libs/config/props/notify.js"); |
|||
require("../../libs/config/props/numberBox.js"); |
|||
require("../../libs/config/props/numberKeyboard.js"); |
|||
require("../../libs/config/props/overlay.js"); |
|||
require("../../libs/config/props/parse.js"); |
|||
require("../../libs/config/props/picker.js"); |
|||
require("../../libs/config/props/popup.js"); |
|||
require("../../libs/config/props/radio.js"); |
|||
require("../../libs/config/props/radioGroup.js"); |
|||
require("../../libs/config/props/rate.js"); |
|||
require("../../libs/config/props/readMore.js"); |
|||
require("../../libs/config/props/row.js"); |
|||
require("../../libs/config/props/rowNotice.js"); |
|||
require("../../libs/config/props/scrollList.js"); |
|||
require("../../libs/config/props/search.js"); |
|||
require("../../libs/config/props/section.js"); |
|||
require("../../libs/config/props/skeleton.js"); |
|||
require("../../libs/config/props/slider.js"); |
|||
require("../../libs/config/props/statusBar.js"); |
|||
require("../../libs/config/props/steps.js"); |
|||
require("../../libs/config/props/stepsItem.js"); |
|||
require("../../libs/config/props/sticky.js"); |
|||
require("../../libs/config/props/subsection.js"); |
|||
require("../../libs/config/props/swipeAction.js"); |
|||
require("../../libs/config/props/swipeActionItem.js"); |
|||
require("../../libs/config/props/swiper.js"); |
|||
require("../../libs/config/props/swipterIndicator.js"); |
|||
require("../../libs/config/props/switch.js"); |
|||
require("../../libs/config/props/tabbar.js"); |
|||
require("../../libs/config/props/tabbarItem.js"); |
|||
require("../../libs/config/props/tabs.js"); |
|||
require("../../libs/config/props/tag.js"); |
|||
require("../../libs/config/props/text.js"); |
|||
require("../../libs/config/props/textarea.js"); |
|||
require("../../libs/config/props/toast.js"); |
|||
require("../../libs/config/props/toolbar.js"); |
|||
require("../../libs/config/props/tooltip.js"); |
|||
require("../../libs/config/props/transition.js"); |
|||
require("../../libs/config/props/upload.js"); |
|||
require("../../libs/function/test.js"); |
|||
require("../../libs/util/route.js"); |
|||
require("../../libs/function/digit.js"); |
|||
const _sfc_main = { |
|||
name: "u-navbar", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uNavbar_props.props], |
|||
data() { |
|||
return {}; |
|||
}, |
|||
emits: ["leftClick", "rightClick"], |
|||
methods: { |
|||
addStyle: uni_modules_uviewPlus_libs_function_index.addStyle, |
|||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit, |
|||
sys: uni_modules_uviewPlus_libs_function_index.sys, |
|||
getPx: uni_modules_uviewPlus_libs_function_index.getPx, |
|||
// 点击左侧区域
|
|||
leftClick() { |
|||
this.$emit("leftClick"); |
|||
if (this.autoBack) { |
|||
common_vendor.index.navigateBack(); |
|||
} |
|||
}, |
|||
// 点击右侧区域
|
|||
rightClick() { |
|||
this.$emit("rightClick"); |
|||
} |
|||
} |
|||
}; |
|||
if (!Array) { |
|||
const _easycom_u_status_bar2 = common_vendor.resolveComponent("u-status-bar"); |
|||
const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon"); |
|||
(_easycom_u_status_bar2 + _easycom_u_icon2)(); |
|||
} |
|||
const _easycom_u_status_bar = () => "../u-status-bar/u-status-bar.js"; |
|||
const _easycom_u_icon = () => "../u-icon/u-icon.js"; |
|||
if (!Math) { |
|||
(_easycom_u_status_bar + _easycom_u_icon)(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return common_vendor.e({ |
|||
a: _ctx.fixed && _ctx.placeholder |
|||
}, _ctx.fixed && _ctx.placeholder ? { |
|||
b: $options.addUnit($options.getPx(_ctx.height) + $options.sys().statusBarHeight, "px") |
|||
} : {}, { |
|||
c: _ctx.safeAreaInsetTop |
|||
}, _ctx.safeAreaInsetTop ? { |
|||
d: common_vendor.p({ |
|||
bgColor: _ctx.bgColor |
|||
}) |
|||
} : {}, { |
|||
e: _ctx.leftIcon |
|||
}, _ctx.leftIcon ? { |
|||
f: common_vendor.p({ |
|||
name: _ctx.leftIcon, |
|||
size: _ctx.leftIconSize, |
|||
color: _ctx.leftIconColor |
|||
}) |
|||
} : {}, { |
|||
g: _ctx.leftText |
|||
}, _ctx.leftText ? { |
|||
h: common_vendor.t(_ctx.leftText), |
|||
i: _ctx.leftIconColor |
|||
} : {}, { |
|||
j: common_vendor.o((...args) => $options.leftClick && $options.leftClick(...args)), |
|||
k: common_vendor.t(_ctx.title), |
|||
l: common_vendor.s({ |
|||
width: $options.addUnit(_ctx.titleWidth) |
|||
}), |
|||
m: common_vendor.s($options.addStyle(_ctx.titleStyle)), |
|||
n: _ctx.$slots.right || _ctx.rightIcon || _ctx.rightText |
|||
}, _ctx.$slots.right || _ctx.rightIcon || _ctx.rightText ? common_vendor.e({ |
|||
o: _ctx.rightIcon |
|||
}, _ctx.rightIcon ? { |
|||
p: common_vendor.p({ |
|||
name: _ctx.rightIcon, |
|||
size: "20" |
|||
}) |
|||
} : {}, { |
|||
q: _ctx.rightText |
|||
}, _ctx.rightText ? { |
|||
r: common_vendor.t(_ctx.rightText) |
|||
} : {}, { |
|||
s: common_vendor.o((...args) => $options.rightClick && $options.rightClick(...args)) |
|||
}) : {}, { |
|||
t: common_vendor.n(_ctx.border && "u-border-bottom"), |
|||
v: $options.addUnit(_ctx.height), |
|||
w: _ctx.bgColor, |
|||
x: common_vendor.n(_ctx.fixed && "u-navbar--fixed"), |
|||
y: common_vendor.n(_ctx.customClass) |
|||
}); |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f631659b"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-navbar/u-navbar.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"u-status-bar": "../u-status-bar/u-status-bar", |
|||
"u-icon": "../u-icon/u-icon" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="{{['u-navbar', 'data-v-f631659b', y]}}"><view wx:if="{{a}}" class="u-navbar__placeholder data-v-f631659b" style="{{'height:' + b}}"></view><view class="{{['data-v-f631659b', x]}}"><u-status-bar wx:if="{{c}}" class="data-v-f631659b" u-i="f631659b-0" bind:__l="__l" u-p="{{d}}"></u-status-bar><view class="{{['u-navbar__content', 'data-v-f631659b', t]}}" style="{{'height:' + v + ';' + ('background-color:' + w)}}"><view class="u-navbar__content__left data-v-f631659b" hover-class="u-navbar__content__left--hover" hover-start-time="150" bindtap="{{j}}"><block wx:if="{{$slots.left}}"><slot name="left"></slot></block><block wx:else><u-icon wx:if="{{e}}" class="data-v-f631659b" u-i="f631659b-1" bind:__l="__l" u-p="{{f}}"></u-icon><text wx:if="{{g}}" style="{{'color:' + i}}" class="u-navbar__content__left__text data-v-f631659b">{{h}}</text></block></view><block wx:if="{{$slots.center}}"><slot name="center"></slot></block><block wx:else><text class="u-line-1 u-navbar__content__title data-v-f631659b" style="{{l + ';' + m}}">{{k}}</text></block><view wx:if="{{n}}" class="u-navbar__content__right data-v-f631659b" bindtap="{{s}}"><block wx:if="{{$slots.right}}"><slot name="right"></slot></block><block wx:else><u-icon wx:if="{{o}}" class="data-v-f631659b" u-i="f631659b-2" bind:__l="__l" u-p="{{p}}"></u-icon><text wx:if="{{q}}" class="u-navbar__content__right__text data-v-f631659b">{{r}}</text></block></view></view></view></view> |
|||
@ -0,0 +1,92 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-f631659b, |
|||
.u-empty__wrap.data-v-f631659b, |
|||
.u-tabs.data-v-f631659b, |
|||
.u-tabs__wrapper.data-v-f631659b, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-f631659b, |
|||
.u-tabs__wrapper__scroll-view.data-v-f631659b, |
|||
.u-tabs__wrapper__nav.data-v-f631659b, |
|||
.u-tabs__wrapper__nav__line.data-v-f631659b { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
.u-navbar--fixed.data-v-f631659b { |
|||
position: fixed; |
|||
left: 0; |
|||
right: 0; |
|||
top: 0; |
|||
z-index: 11; |
|||
} |
|||
.u-navbar__content.data-v-f631659b { |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
height: 44px; |
|||
background-color: #9acafc; |
|||
position: relative; |
|||
justify-content: center; |
|||
} |
|||
.u-navbar__content__left.data-v-f631659b, .u-navbar__content__right.data-v-f631659b { |
|||
padding: 0 13px; |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
} |
|||
.u-navbar__content__left.data-v-f631659b { |
|||
left: 0; |
|||
} |
|||
.u-navbar__content__left--hover.data-v-f631659b { |
|||
opacity: 0.7; |
|||
} |
|||
.u-navbar__content__left__text.data-v-f631659b { |
|||
font-size: 15px; |
|||
margin-left: 3px; |
|||
} |
|||
.u-navbar__content__title.data-v-f631659b { |
|||
text-align: center; |
|||
font-size: 16px; |
|||
color: #303133; |
|||
} |
|||
.u-navbar__content__right.data-v-f631659b { |
|||
right: 0; |
|||
} |
|||
.u-navbar__content__right__text.data-v-f631659b { |
|||
font-size: 15px; |
|||
margin-left: 3px; |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_libs_vue = require("../../libs/vue.js"); |
|||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js"); |
|||
const props = uni_modules_uviewPlus_libs_vue.defineMixin({ |
|||
props: { |
|||
bgColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.statusBar.bgColor |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,123 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uStatusBar_props = require("./props.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js"); |
|||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js"); |
|||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js"); |
|||
const common_vendor = require("../../../../common/vendor.js"); |
|||
require("../../libs/vue.js"); |
|||
require("../../libs/config/props.js"); |
|||
require("../../libs/config/config.js"); |
|||
require("../../libs/config/props/actionSheet.js"); |
|||
require("../../libs/config/props/album.js"); |
|||
require("../../libs/config/props/alert.js"); |
|||
require("../../libs/config/props/avatar.js"); |
|||
require("../../libs/config/props/avatarGroup.js"); |
|||
require("../../libs/config/props/backtop.js"); |
|||
require("../../libs/config/props/badge.js"); |
|||
require("../../libs/config/props/button.js"); |
|||
require("../../libs/config/props/calendar.js"); |
|||
require("../../libs/config/props/carKeyboard.js"); |
|||
require("../../libs/config/props/cell.js"); |
|||
require("../../libs/config/props/cellGroup.js"); |
|||
require("../../libs/config/props/checkbox.js"); |
|||
require("../../libs/config/props/checkboxGroup.js"); |
|||
require("../../libs/config/props/circleProgress.js"); |
|||
require("../../libs/config/props/code.js"); |
|||
require("../../libs/config/props/codeInput.js"); |
|||
require("../../libs/config/props/col.js"); |
|||
require("../../libs/config/props/collapse.js"); |
|||
require("../../libs/config/props/collapseItem.js"); |
|||
require("../../libs/config/props/columnNotice.js"); |
|||
require("../../libs/config/props/countDown.js"); |
|||
require("../../libs/config/props/countTo.js"); |
|||
require("../../libs/config/props/datetimePicker.js"); |
|||
require("../../libs/config/props/divider.js"); |
|||
require("../../libs/config/props/empty.js"); |
|||
require("../../libs/config/props/form.js"); |
|||
require("../../libs/config/props/formItem.js"); |
|||
require("../../libs/config/props/gap.js"); |
|||
require("../../libs/config/props/grid.js"); |
|||
require("../../libs/config/props/gridItem.js"); |
|||
require("../../libs/config/props/icon.js"); |
|||
require("../../libs/config/props/image.js"); |
|||
require("../../libs/config/props/indexAnchor.js"); |
|||
require("../../libs/config/props/indexList.js"); |
|||
require("../../libs/config/props/input.js"); |
|||
require("../../libs/config/props/keyboard.js"); |
|||
require("../../libs/config/props/line.js"); |
|||
require("../../libs/config/props/lineProgress.js"); |
|||
require("../../libs/config/props/link.js"); |
|||
require("../../libs/config/props/list.js"); |
|||
require("../../libs/config/props/listItem.js"); |
|||
require("../../libs/config/props/loadingIcon.js"); |
|||
require("../../libs/config/props/loadingPage.js"); |
|||
require("../../libs/config/props/loadmore.js"); |
|||
require("../../libs/config/props/modal.js"); |
|||
require("../../libs/config/props/navbar.js"); |
|||
require("../../libs/config/color.js"); |
|||
require("../../libs/config/props/noNetwork.js"); |
|||
require("../../libs/config/props/noticeBar.js"); |
|||
require("../../libs/config/props/notify.js"); |
|||
require("../../libs/config/props/numberBox.js"); |
|||
require("../../libs/config/props/numberKeyboard.js"); |
|||
require("../../libs/config/props/overlay.js"); |
|||
require("../../libs/config/props/parse.js"); |
|||
require("../../libs/config/props/picker.js"); |
|||
require("../../libs/config/props/popup.js"); |
|||
require("../../libs/config/props/radio.js"); |
|||
require("../../libs/config/props/radioGroup.js"); |
|||
require("../../libs/config/props/rate.js"); |
|||
require("../../libs/config/props/readMore.js"); |
|||
require("../../libs/config/props/row.js"); |
|||
require("../../libs/config/props/rowNotice.js"); |
|||
require("../../libs/config/props/scrollList.js"); |
|||
require("../../libs/config/props/search.js"); |
|||
require("../../libs/config/props/section.js"); |
|||
require("../../libs/config/props/skeleton.js"); |
|||
require("../../libs/config/props/slider.js"); |
|||
require("../../libs/config/props/statusBar.js"); |
|||
require("../../libs/config/props/steps.js"); |
|||
require("../../libs/config/props/stepsItem.js"); |
|||
require("../../libs/config/props/sticky.js"); |
|||
require("../../libs/config/props/subsection.js"); |
|||
require("../../libs/config/props/swipeAction.js"); |
|||
require("../../libs/config/props/swipeActionItem.js"); |
|||
require("../../libs/config/props/swiper.js"); |
|||
require("../../libs/config/props/swipterIndicator.js"); |
|||
require("../../libs/config/props/switch.js"); |
|||
require("../../libs/config/props/tabbar.js"); |
|||
require("../../libs/config/props/tabbarItem.js"); |
|||
require("../../libs/config/props/tabs.js"); |
|||
require("../../libs/config/props/tag.js"); |
|||
require("../../libs/config/props/text.js"); |
|||
require("../../libs/config/props/textarea.js"); |
|||
require("../../libs/config/props/toast.js"); |
|||
require("../../libs/config/props/toolbar.js"); |
|||
require("../../libs/config/props/tooltip.js"); |
|||
require("../../libs/config/props/transition.js"); |
|||
require("../../libs/config/props/upload.js"); |
|||
require("../../libs/function/test.js"); |
|||
require("../../libs/util/route.js"); |
|||
require("../../libs/function/digit.js"); |
|||
const _sfc_main = { |
|||
name: "u-status-bar", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uStatusBar_props.props], |
|||
data() { |
|||
return {}; |
|||
}, |
|||
computed: { |
|||
style() { |
|||
const style = {}; |
|||
style.height = uni_modules_uviewPlus_libs_function_index.addUnit(uni_modules_uviewPlus_libs_function_index.sys().statusBarHeight, "px"); |
|||
style.backgroundColor = this.bgColor; |
|||
return uni_modules_uviewPlus_libs_function_index.deepMerge(style, uni_modules_uviewPlus_libs_function_index.addStyle(this.customStyle)); |
|||
} |
|||
} |
|||
}; |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return { |
|||
a: common_vendor.s($options.style) |
|||
}; |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-eb8e0cdd"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-status-bar/u-status-bar.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view style="{{a}}" class="u-status-bar data-v-eb8e0cdd"><slot/></view> |
|||
@ -0,0 +1,28 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-status-bar.data-v-eb8e0cdd { |
|||
width: 100%; |
|||
} |
|||
Some files were not shown because too many files changed in this diff
Write
Preview
Loading…
Cancel
Save
Reference in new issue