72 changed files with 1433 additions and 313 deletions
-
38components/nodata/nodata.vue
-
3config/api.js
-
3config/request.js
-
2config/site.config.js
-
10pages/index/index - 副本.vue
-
16pages/index/index.vue
-
16pages/subPage/ballots/ballotsList/ballotsList.vue
-
1pages/subPage/ballots/vote/comp/topInfo.vue
-
2pages/subPage/ballots/vote/vote.vue
-
6pages/subPage/ballots/vote/voteReslut.vue
-
27pages/subPage/login/login.vue
-
7pages/subPage/notice/notice.vue
-
6pages/subPage/privacyAgreement/privacyAgreement.vue
-
23pages/tabbar/index/index.vue
-
87pages/tabbar/mine/mine.vue
-
5static/css/app.scss
-
BINstatic/images/bigImg/homebanner.png
-
BINstatic/images/bigImg/homebanner2.png
-
BINstatic/images/bigImg/homebanner3.png
-
BINstatic/images/bigImg/minebg.png
-
0static/images/nodata.png
-
BINstatic/logo.png
-
30store/index.js
-
4unpackage/dist/dev/mp-weixin/app.wxss
-
16unpackage/dist/dev/mp-weixin/common/assets.js
-
11unpackage/dist/dev/mp-weixin/components/nodata/nodata.js
-
4unpackage/dist/dev/mp-weixin/components/nodata/nodata.json
-
1unpackage/dist/dev/mp-weixin/components/nodata/nodata.wxml
-
46unpackage/dist/dev/mp-weixin/components/nodata/nodata.wxss
-
2unpackage/dist/dev/mp-weixin/components/searchRow/searchRow.js
-
4unpackage/dist/dev/mp-weixin/config/api.js
-
2unpackage/dist/dev/mp-weixin/config/request.js
-
27unpackage/dist/dev/mp-weixin/pages/subPage/ballots/ballotsList/ballotsList.js
-
4unpackage/dist/dev/mp-weixin/pages/subPage/ballots/ballotsList/ballotsList.json
-
2unpackage/dist/dev/mp-weixin/pages/subPage/ballots/ballotsList/ballotsList.wxml
-
2unpackage/dist/dev/mp-weixin/pages/subPage/ballots/ballotsList/ballotsList.wxss
-
2unpackage/dist/dev/mp-weixin/pages/subPage/ballots/vote/comp/topInfo.wxml
-
2unpackage/dist/dev/mp-weixin/pages/subPage/ballots/vote/vote.wxss
-
2unpackage/dist/dev/mp-weixin/pages/subPage/ballots/vote/voteReslut.wxss
-
21unpackage/dist/dev/mp-weixin/pages/subPage/login/login.js
-
23unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.js
-
2unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.json
-
2unpackage/dist/dev/mp-weixin/pages/subPage/notice/notice.wxml
-
123unpackage/dist/dev/mp-weixin/pages/subPage/privacyAgreement/privacyAgreement.js
-
22unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.js
-
2unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.wxml
-
5unpackage/dist/dev/mp-weixin/pages/tabbar/index/index.wxss
-
53unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.js
-
2unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.wxml
-
8unpackage/dist/dev/mp-weixin/pages/tabbar/mine/mine.wxss
-
5unpackage/dist/dev/mp-weixin/static/css/app.scss
-
0unpackage/dist/dev/mp-weixin/static/images/nodata.png
-
BINunpackage/dist/dev/mp-weixin/static/logo.png
-
30unpackage/dist/dev/mp-weixin/store/index.js
-
37unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/props.js
-
133unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.js
-
4unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxml
-
44unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-line/u-line.wxss
-
63unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-icon/props.js
-
200unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-icon/u-loading-icon.js
-
4unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-icon/u-loading-icon.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-icon/u-loading-icon.wxml
-
173unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loading-icon/u-loading-icon.wxss
-
98unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loadmore/props.js
-
198unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loadmore/u-loadmore.js
-
7unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loadmore/u-loadmore.json
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loadmore/u-loadmore.wxml
-
70unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/components/u-loadmore/u-loadmore.wxss
-
1unpackage/dist/dev/mp-weixin/uni_modules/uview-plus/libs/function/colorGradient.js
@ -0,0 +1,38 @@ |
|||
<template> |
|||
<view class="noDate"> |
|||
<view class="img"> |
|||
<image src="@/static/images/nodata.png" mode=""></image> |
|||
</view> |
|||
<view class="text"> |
|||
<slot> |
|||
<text>暂无数据</text> |
|||
</slot> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.noDate { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
padding: 40rpx 0; |
|||
} |
|||
.img { |
|||
width: 396rpx;height: 227rpx; |
|||
image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
.text { |
|||
font-size: 26rpx; |
|||
color: #999; |
|||
margin-top: 60rpx; |
|||
} |
|||
</style> |
|||
@ -1,10 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref,reactive } from 'vue'; |
|||
import {onLoad,onReady} from "@dcloudio/uni-app" |
|||
|
|||
</script> |
|||
@ -1,16 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
题库 |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup> |
|||
import { ref, reactive } from 'vue'; |
|||
import { onLoad, onReady } from "@dcloudio/uni-app" |
|||
import { getBannerList } from '@/config/api.js' |
|||
async function getBannerListFn() { |
|||
const { data: res } = await getBannerList() |
|||
console.log(res) |
|||
} |
|||
getBannerListFn() |
|||
</script> |
|||
|
Before Width: 1420 | Height: 520 | Size: 632 KiB |
|
Before Width: 1420 | Height: 360 | Size: 300 KiB |
|
Before Width: 510 | Height: 284 | Size: 104 KiB |
|
Before Width: 1512 | Height: 1104 | Size: 218 KiB |
|
Before Width: 396 | Height: 227 | Size: 27 KiB After Width: 396 | Height: 227 | Size: 27 KiB |
|
Before Width: 72 | Height: 72 | Size: 3.9 KiB |
@ -1,9 +1,11 @@ |
|||
"use strict"; |
|||
const _imports_0$3 = "/static/images/arrRight.png"; |
|||
const _imports_0$2 = "/static/images/logo.png"; |
|||
const _imports_0$1 = "/static/images/okIcon.png"; |
|||
const _imports_0$4 = "/static/images/arrRight.png"; |
|||
const _imports_0$3 = "/static/images/logo.png"; |
|||
const _imports_0$2 = "/static/images/okIcon.png"; |
|||
const _imports_0$1 = "/static/images/nodata.png"; |
|||
const _imports_0 = "/static/images/searchIcon.png"; |
|||
exports._imports_0 = _imports_0$3; |
|||
exports._imports_0$1 = _imports_0$2; |
|||
exports._imports_0$2 = _imports_0$1; |
|||
exports._imports_0$3 = _imports_0; |
|||
exports._imports_0 = _imports_0$4; |
|||
exports._imports_0$1 = _imports_0$3; |
|||
exports._imports_0$2 = _imports_0$2; |
|||
exports._imports_0$3 = _imports_0$1; |
|||
exports._imports_0$4 = _imports_0; |
|||
@ -0,0 +1,11 @@ |
|||
"use strict"; |
|||
const common_assets = require("../../common/assets.js"); |
|||
const common_vendor = require("../../common/vendor.js"); |
|||
const _sfc_main = {}; |
|||
function _sfc_render(_ctx, _cache) { |
|||
return { |
|||
a: common_assets._imports_0$3 |
|||
}; |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-abef9dda"], ["__file", "D:/work/xinjiangMiniProgram/components/nodata/nodata.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="noDate data-v-abef9dda"><view class="img data-v-abef9dda"><image class="data-v-abef9dda" src="{{a}}" mode=""></image></view><view class="text data-v-abef9dda"><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><text class="data-v-abef9dda">暂无数据</text></block></view></view> |
|||
@ -0,0 +1,46 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.noDate.data-v-abef9dda { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
padding: 40rpx 0; |
|||
} |
|||
.img.data-v-abef9dda { |
|||
width: 396rpx; |
|||
height: 227rpx; |
|||
} |
|||
.img image.data-v-abef9dda { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.text.data-v-abef9dda { |
|||
font-size: 26rpx; |
|||
color: #999; |
|||
margin-top: 60rpx; |
|||
} |
|||
@ -1 +1 @@ |
|||
<view class="content padding data-v-747012e4"><view class="banner data-v-747012e4"><image class="data-v-747012e4" src="{{a}}" mode=""></image></view><view class="tabs data-v-747012e4"><up-tabs wx:if="{{c}}" class="data-v-747012e4" bindclick="{{b}}" u-i="747012e4-0" bind:__l="__l" u-p="{{c}}"></up-tabs></view><view class="tags data-v-747012e4"><view wx:for="{{d}}" wx:for-item="item" wx:key="b" class="{{['tag', 'data-v-747012e4', item.c && 'active']}}" bindtap="{{item.d}}">{{item.a}}</view></view><view class="ul data-v-747012e4"><view wx:for="{{e}}" wx:for-item="item" wx:key="k" class="li data-v-747012e4"><view class="flex-b data-v-747012e4"><view class="name towRowText data-v-747012e4">{{item.a}}</view><view wx:if="{{item.b}}" class="btn boder data-v-747012e4" bindtap="{{item.c}}">查看结果</view><view wx:elif="{{item.d}}" class="btn data-v-747012e4" style="opacity:0.4">未开始</view><view wx:elif="{{item.e}}" class="btn data-v-747012e4" bindtap="{{item.f}}">我要投票</view><view wx:elif="{{item.g}}" class="btn data-v-747012e4" bindtap="{{item.h}}" style="opacity:0.4">已结束</view></view><view class="text data-v-747012e4"><text class="data-v-747012e4">发起人：{{item.i}}</text><text class="data-v-747012e4">截止时间：{{item.j}}</text></view></view></view></view> |
|||
<view class="content padding data-v-747012e4"><view class="banner data-v-747012e4"><image class="data-v-747012e4" src="{{a}}" mode=""></image></view><view class="tabs data-v-747012e4"><up-tabs wx:if="{{c}}" class="data-v-747012e4" bindclick="{{b}}" u-i="747012e4-0" bind:__l="__l" u-p="{{c}}"></up-tabs></view><view class="tags data-v-747012e4"><view wx:for="{{d}}" wx:for-item="item" wx:key="b" class="{{['tag', 'data-v-747012e4', item.c && 'active']}}" bindtap="{{item.d}}">{{item.a}}</view></view><view class="ul data-v-747012e4"><view wx:for="{{e}}" wx:for-item="item" wx:key="k" class="li data-v-747012e4"><view class="flex-b data-v-747012e4"><view class="name towRowText data-v-747012e4">{{item.a}}</view><view wx:if="{{item.b}}" class="btn boder data-v-747012e4" bindtap="{{item.c}}">查看结果</view><view wx:elif="{{item.d}}" class="btn data-v-747012e4" style="opacity:0.4">未开始</view><view wx:elif="{{item.e}}" class="btn data-v-747012e4" bindtap="{{item.f}}">我要投票</view><view wx:elif="{{item.g}}" class="btn data-v-747012e4" bindtap="{{item.h}}" style="opacity:0.4">已结束</view></view><view class="text data-v-747012e4"><text class="data-v-747012e4">发起人：{{item.i}}</text><text class="data-v-747012e4">截止时间：{{item.j}}</text></view></view></view><view wx:if="{{f}}" class="data-v-747012e4" style="padding-bottom:20rpx"><u-loadmore wx:if="{{g}}" class="data-v-747012e4" u-i="747012e4-1" bind:__l="__l" u-p="{{g}}"/></view><nodata wx:if="{{h}}" class="data-v-747012e4" u-s="{{['d']}}" u-i="747012e4-2" bind:__l="__l">暂无投票信息~</nodata></view> |
|||
@ -1 +1 @@ |
|||
<view class="topInfo data-v-248fb919"><view class="bg padding data-v-248fb919"><up-navbar wx:if="{{a}}" class="data-v-248fb919" u-i="248fb919-0" bind:__l="__l" u-p="{{a}}"></up-navbar><view class="tit data-v-248fb919">{{b}}</view><view class="textCon data-v-248fb919"><view class="p data-v-248fb919"><view class="txt data-v-248fb919">发起人：{{c}}</view><view class="txt data-v-248fb919">创建时间：{{d}}</view><view class="txt data-v-248fb919">截止时间：{{e}}</view></view><view wx:if="{{f}}" class="status data-v-248fb919" style="opacity:0.4">未开始</view><view wx:if="{{g}}" class="status data-v-248fb919">我要投票</view><view wx:if="{{h}}" class="status data-v-248fb919" style="opacity:0.4">已结束</view></view></view><view class="detail padding data-v-248fb919">{{i}}</view><view class="padding data-v-248fb919"><view class="row flex-b data-v-248fb919"><view class="flex data-v-248fb919"><view class="radionItem data-v-248fb919">{{j}}</view></view><view class="checkboxs data-v-248fb919"><text class="data-v-248fb919">{{k}}</text></view></view></view></view> |
|||
<view class="topInfo data-v-248fb919"><view class="bg padding data-v-248fb919"><view class="status_bar data-v-248fb919"></view><up-navbar wx:if="{{a}}" class="data-v-248fb919" u-i="248fb919-0" bind:__l="__l" u-p="{{a}}"></up-navbar><view class="tit data-v-248fb919">{{b}}</view><view class="textCon data-v-248fb919"><view class="p data-v-248fb919"><view class="txt data-v-248fb919">发起人：{{c}}</view><view class="txt data-v-248fb919">创建时间：{{d}}</view><view class="txt data-v-248fb919">截止时间：{{e}}</view></view><view wx:if="{{f}}" class="status data-v-248fb919" style="opacity:0.4">未开始</view><view wx:if="{{g}}" class="status data-v-248fb919">我要投票</view><view wx:if="{{h}}" class="status data-v-248fb919" style="opacity:0.4">已结束</view></view></view><view class="detail padding data-v-248fb919">{{i}}</view><view class="padding data-v-248fb919"><view class="row flex-b data-v-248fb919"><view class="flex data-v-248fb919"><view class="radionItem data-v-248fb919">{{j}}</view></view><view class="checkboxs data-v-248fb919"><text class="data-v-248fb919">{{k}}</text></view></view></view></view> |
|||
@ -1 +1 @@ |
|||
<view class="content data-v-f812fd22"><view class="padding data-v-f812fd22"><notice wx:if="{{a}}" class="data-v-f812fd22" u-i="f812fd22-0" bind:__l="__l" u-p="{{a}}"/></view></view> |
|||
<view class="content data-v-f812fd22"><view class="padding data-v-f812fd22"><notice wx:if="{{a}}" class="data-v-f812fd22" u-i="f812fd22-0" bind:__l="__l" u-p="{{a}}"/><view wx:if="{{b}}" class="data-v-f812fd22" style="padding-bottom:20rpx"><u-loadmore wx:if="{{c}}" class="data-v-f812fd22" u-i="f812fd22-1" bind:__l="__l" u-p="{{c}}"/></view><nodata wx:if="{{d}}" class="data-v-f812fd22" u-s="{{['d']}}" u-i="f812fd22-2" bind:__l="__l">暂无投票信息~</nodata></view></view> |
|||
@ -1 +1 @@ |
|||
<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" bindtap="{{c}}">关联房屋</view></view><view wx:if="{{d}}" class="borderCard data-v-184b8d5d" bindtap="{{g}}"><view class="flex data-v-184b8d5d"><view class="text2 data-v-184b8d5d">立即登录</view><u-icon wx:if="{{e}}" class="data-v-184b8d5d" u-i="184b8d5d-1" bind:__l="__l" u-p="{{e}}"></u-icon></view><view class="text3 data-v-184b8d5d">登录成功即可关联房屋~</view><view class="banner3 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{f}}" mode=""></image></view></view><view wx:if="{{h}}" class="borderCard data-v-184b8d5d"><view wx:for="{{i}}" wx:for-item="item" wx:key="c" class=" data-v-184b8d5d"><view class="text data-v-184b8d5d">房屋地址：{{item.a}}</view><view class="text data-v-184b8d5d">房屋面积：{{item.b}}</view></view><view class="banner3 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{j}}" 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" bindtap="{{l}}"><image class="data-v-184b8d5d" src="{{k}}" 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="{{n}}"><view class="txt data-v-184b8d5d">更多</view><view class="icon data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{m}}" mode=""></image></view></view></view><notice wx:if="{{o}}" class="data-v-184b8d5d" u-i="184b8d5d-2" bind:__l="__l" u-p="{{o}}"/></view></view><up-popup wx:if="{{s}}" class="data-v-184b8d5d" u-s="{{['d']}}" bindclose="{{r}}" u-i="184b8d5d-3" bind:__l="__l" u-p="{{s}}"><view class="popCon data-v-184b8d5d"><view class="hello data-v-184b8d5d">你好：</view><view class="p data-v-184b8d5d"> 欢迎来到 <text class="data-v-184b8d5d">“新疆首付公馆”</text>，为了更好的为您提供服务，请您选择房屋信息，进行业主身份认证。 </view><one-btn wx:if="{{q}}" class="data-v-184b8d5d" bindclick="{{p}}" u-i="184b8d5d-4,184b8d5d-3" bind:__l="__l" u-p="{{q}}"></one-btn></view></up-popup></view> |
|||
<view class="content data-v-184b8d5d"><view class="status_bar data-v-184b8d5d"></view><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" bindtap="{{c}}">关联房屋</view></view><view wx:if="{{d}}" class="borderCard data-v-184b8d5d" bindtap="{{g}}"><view class="flex data-v-184b8d5d"><view class="text2 data-v-184b8d5d">立即登录</view><u-icon wx:if="{{e}}" class="data-v-184b8d5d" u-i="184b8d5d-1" bind:__l="__l" u-p="{{e}}"></u-icon></view><view class="text3 data-v-184b8d5d">登录成功即可关联房屋~</view><view class="banner3 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{f}}" mode=""></image></view></view><view wx:if="{{h}}" class="borderCard data-v-184b8d5d"><view wx:for="{{i}}" wx:for-item="item" wx:key="c" class=" data-v-184b8d5d"><view class="text data-v-184b8d5d">房屋地址：{{item.a}}</view><view class="text data-v-184b8d5d">房屋面积：{{item.b}}</view></view><view class="banner3 data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{j}}" 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" bindtap="{{l}}"><image class="data-v-184b8d5d" src="{{k}}" 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="{{n}}"><view class="txt data-v-184b8d5d">更多</view><view class="icon data-v-184b8d5d"><image class="data-v-184b8d5d" src="{{m}}" mode=""></image></view></view></view><notice wx:if="{{o}}" class="data-v-184b8d5d" u-i="184b8d5d-2" bind:__l="__l" u-p="{{o}}"/></view></view><up-popup wx:if="{{s}}" class="data-v-184b8d5d" u-s="{{['d']}}" bindclose="{{r}}" u-i="184b8d5d-3" bind:__l="__l" u-p="{{s}}"><view class="popCon data-v-184b8d5d"><view class="hello data-v-184b8d5d">你好：</view><view class="p data-v-184b8d5d"> 欢迎来到 <text class="data-v-184b8d5d">“新疆首付公馆”</text>，为了更好的为您提供服务，请您选择房屋信息，进行业主身份认证。 </view><one-btn wx:if="{{q}}" class="data-v-184b8d5d" bindclick="{{p}}" u-i="184b8d5d-4,184b8d5d-3" bind:__l="__l" u-p="{{q}}"></one-btn></view></up-popup></view> |
|||
@ -1 +1 @@ |
|||
<view class="content data-v-23ed4277" style="{{'background:' + k + ';' + ('background-size:' + '100% 552rpx')}}"><view class="padding data-v-23ed4277"><view class="userInfo flex data-v-23ed4277"><view class="avatar data-v-23ed4277"><image wx:if="{{a}}" class="data-v-23ed4277" src="{{b}}" mode=""></image></view><view wx:if="{{c}}" class="name data-v-23ed4277">{{d}}</view><view wx:else class="name data-v-23ed4277" bindtap="{{e}}">登录/注册</view></view><view class="card data-v-23ed4277"><view wx:for="{{f}}" wx:for-item="item" wx:key="c" class="li flex-b data-v-23ed4277" bindtap="{{item.d}}"><view class="text data-v-23ed4277">{{item.a}}</view><u-icon wx:if="{{g}}" class="data-v-23ed4277" u-i="{{item.b}}" bind:__l="__l" u-p="{{g}}"></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="{{h}}" class="data-v-23ed4277" u-i="23ed4277-1" bind:__l="__l" u-p="{{h}}"></u-icon></view></view></view><view wx:if="{{i}}" class="logOutBtn padding data-v-23ed4277"><view class="btn data-v-23ed4277" bindtap="{{j}}">退出登录</view></view></view> |
|||
<view class="content data-v-23ed4277" style="{{'background:' + l + ';' + ('background-size:' + '100% 552rpx')}}"><avabtn-box class="data-v-23ed4277" u-i="23ed4277-0" bind:__l="__l"/><view class="padding data-v-23ed4277"><view class="userInfo flex data-v-23ed4277"><view class="avatar data-v-23ed4277"><image wx:if="{{a}}" class="data-v-23ed4277" src="{{b}}" mode=""></image></view><view class="userTxt data-v-23ed4277"><view wx:if="{{c}}" class=" data-v-23ed4277"><view class="name data-v-23ed4277">{{d}}</view><view class="phone data-v-23ed4277">{{e}}</view></view><view wx:else class="name data-v-23ed4277" bindtap="{{f}}">登录/注册</view></view></view><view class="card data-v-23ed4277"><view wx:for="{{g}}" wx:for-item="item" wx:key="c" class="li flex-b data-v-23ed4277" bindtap="{{item.d}}"><view class="text data-v-23ed4277">{{item.a}}</view><u-icon wx:if="{{h}}" class="data-v-23ed4277" u-i="{{item.b}}" bind:__l="__l" u-p="{{h}}"></u-icon></view><view class="li flex-b data-v-23ed4277"><button type="default" open-type="contact" class="cotact data-v-23ed4277" ref="avatarRef">联系客服</button><view class="text data-v-23ed4277">联系客服</view><u-icon wx:if="{{i}}" class="data-v-23ed4277" u-i="23ed4277-2" bind:__l="__l" u-p="{{i}}"></u-icon></view></view></view><view wx:if="{{j}}" class="logOutBtn padding data-v-23ed4277"><view class="btn data-v-23ed4277" bindtap="{{k}}">退出登录</view></view></view> |
|||
|
Before Width: 396 | Height: 227 | Size: 27 KiB After Width: 396 | Height: 227 | Size: 27 KiB |
|
Before Width: 72 | Height: 72 | Size: 3.9 KiB |
@ -0,0 +1,37 @@ |
|||
"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: { |
|||
color: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.color |
|||
}, |
|||
// 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带px单位的值等
|
|||
length: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.length |
|||
}, |
|||
// 线条方向，col-竖向，row-横向
|
|||
direction: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.direction |
|||
}, |
|||
// 是否显示细边框
|
|||
hairline: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.hairline |
|||
}, |
|||
// 线条与上下左右元素的间距，字符串形式，如"30px"、"20px 30px"
|
|||
margin: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.margin |
|||
}, |
|||
// 是否虚线，true-虚线，false-实线
|
|||
dashed: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.line.dashed |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,133 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uLine_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-line", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLine_props.props], |
|||
computed: { |
|||
lineStyle() { |
|||
const style = {}; |
|||
style.margin = this.margin; |
|||
if (this.direction === "row") { |
|||
style.borderBottomWidth = "1px"; |
|||
style.borderBottomStyle = this.dashed ? "dashed" : "solid"; |
|||
style.width = uni_modules_uviewPlus_libs_function_index.addUnit(this.length); |
|||
if (this.hairline) |
|||
style.transform = "scaleY(0.5)"; |
|||
} else { |
|||
style.borderLeftWidth = "1px"; |
|||
style.borderLeftStyle = this.dashed ? "dashed" : "solid"; |
|||
style.height = uni_modules_uviewPlus_libs_function_index.addUnit(this.length); |
|||
if (this.hairline) |
|||
style.transform = "scaleX(0.5)"; |
|||
} |
|||
style.borderColor = this.color; |
|||
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.lineStyle) |
|||
}; |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-72791e59"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-line/u-line.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="u-line data-v-72791e59" style="{{a}}"></view> |
|||
@ -0,0 +1,44 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-72791e59, |
|||
.u-empty__wrap.data-v-72791e59, |
|||
.u-tabs.data-v-72791e59, |
|||
.u-tabs__wrapper.data-v-72791e59, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-72791e59, |
|||
.u-tabs__wrapper__scroll-view.data-v-72791e59, |
|||
.u-tabs__wrapper__nav.data-v-72791e59, |
|||
.u-tabs__wrapper__nav__line.data-v-72791e59 { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
.u-line.data-v-72791e59 { |
|||
vertical-align: middle; |
|||
} |
|||
@ -0,0 +1,63 @@ |
|||
"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: { |
|||
// 是否显示组件
|
|||
show: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.show |
|||
}, |
|||
// 颜色
|
|||
color: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.color |
|||
}, |
|||
// 提示文字颜色
|
|||
textColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.textColor |
|||
}, |
|||
// 文字和图标是否垂直排列
|
|||
vertical: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.vertical |
|||
}, |
|||
// 模式选择，circle-圆形，spinner-花朵形，semicircle-半圆形
|
|||
mode: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.mode |
|||
}, |
|||
// 图标大小，单位默认px
|
|||
size: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.size |
|||
}, |
|||
// 文字大小
|
|||
textSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.textSize |
|||
}, |
|||
// 文字内容
|
|||
text: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.text |
|||
}, |
|||
// 动画模式
|
|||
timingFunction: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.timingFunction |
|||
}, |
|||
// 动画执行周期时间
|
|||
duration: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.duration |
|||
}, |
|||
// mode=circle时的暗边颜色
|
|||
inactiveColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingIcon.inactiveColor |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,200 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uLoadingIcon_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_function_colorGradient = require("../../libs/function/colorGradient.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-loading-icon", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLoadingIcon_props.props], |
|||
data() { |
|||
return { |
|||
// Array.form可以通过一个伪数组对象创建指定长度的数组
|
|||
// https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from
|
|||
array12: Array.from({ |
|||
length: 12 |
|||
}), |
|||
// 这里需要设置默认值为360，否则在安卓nvue上，会延迟一个duration周期后才执行
|
|||
// 在iOS nvue上，则会一开始默认执行两个周期的动画
|
|||
aniAngel: 360, |
|||
// 动画旋转角度
|
|||
webviewHide: false, |
|||
// 监听webview的状态，如果隐藏了页面，则停止动画，以免性能消耗
|
|||
loading: false |
|||
// 是否运行中，针对nvue使用
|
|||
}; |
|||
}, |
|||
computed: { |
|||
// 当为circle类型时，给其另外三边设置一个更轻一些的颜色
|
|||
// 之所以需要这么做的原因是，比如父组件传了color为红色，那么需要另外的三个边为浅红色
|
|||
// 而不能是固定的某一个其他颜色(因为这个固定的颜色可能浅蓝，导致效果没有那么细腻良好)
|
|||
otherBorderColor() { |
|||
const lightColor = uni_modules_uviewPlus_libs_function_colorGradient.colorGradient$1(this.color, "#ffffff", 100)[80]; |
|||
if (this.mode === "circle") { |
|||
return this.inactiveColor ? this.inactiveColor : lightColor; |
|||
} else { |
|||
return "transparent"; |
|||
} |
|||
} |
|||
}, |
|||
watch: { |
|||
show(n) { |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit, |
|||
addStyle: uni_modules_uviewPlus_libs_function_index.addStyle, |
|||
init() { |
|||
setTimeout(() => { |
|||
}, 20); |
|||
}, |
|||
// 监听webview的显示与隐藏
|
|||
addEventListenerToWebview() { |
|||
const pages = getCurrentPages(); |
|||
const page = pages[pages.length - 1]; |
|||
const currentWebview = page.$getAppWebview(); |
|||
currentWebview.addEventListener("hide", () => { |
|||
this.webviewHide = true; |
|||
}); |
|||
currentWebview.addEventListener("show", () => { |
|||
this.webviewHide = false; |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return common_vendor.e({ |
|||
a: _ctx.show |
|||
}, _ctx.show ? common_vendor.e({ |
|||
b: !$data.webviewHide |
|||
}, !$data.webviewHide ? common_vendor.e({ |
|||
c: _ctx.mode === "spinner" |
|||
}, _ctx.mode === "spinner" ? { |
|||
d: common_vendor.f($data.array12, (item, index, i0) => { |
|||
return { |
|||
a: index |
|||
}; |
|||
}) |
|||
} : {}, { |
|||
e: common_vendor.n(`u-loading-icon__spinner--${_ctx.mode}`), |
|||
f: _ctx.color, |
|||
g: $options.addUnit(_ctx.size), |
|||
h: $options.addUnit(_ctx.size), |
|||
i: _ctx.color, |
|||
j: $options.otherBorderColor, |
|||
k: $options.otherBorderColor, |
|||
l: $options.otherBorderColor, |
|||
m: `${_ctx.duration}ms`, |
|||
n: _ctx.mode === "semicircle" || _ctx.mode === "circle" ? _ctx.timingFunction : "" |
|||
}) : {}, { |
|||
o: _ctx.text |
|||
}, _ctx.text ? { |
|||
p: common_vendor.t(_ctx.text), |
|||
q: $options.addUnit(_ctx.textSize), |
|||
r: _ctx.textColor |
|||
} : {}, { |
|||
s: common_vendor.s($options.addStyle(_ctx.customStyle)), |
|||
t: common_vendor.n(_ctx.vertical && "u-loading-icon--vertical") |
|||
}) : {}); |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2af81691"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-loading-icon/u-loading-icon.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view wx:if="{{a}}" style="{{s}}" class="{{['u-loading-icon', 'data-v-2af81691', t]}}"><view wx:if="{{b}}" class="{{['u-loading-icon__spinner', 'data-v-2af81691', e]}}" ref="ani" style="{{'color:' + f + ';' + ('width:' + g) + ';' + ('height:' + h) + ';' + ('border-top-color:' + i) + ';' + ('border-bottom-color:' + j) + ';' + ('border-left-color:' + k) + ';' + ('border-right-color:' + l) + ';' + ('animation-duration:' + m) + ';' + ('animation-timing-function:' + n)}}"><block wx:if="{{c}}"><view wx:for="{{d}}" wx:for-item="item" wx:key="a" class="u-loading-icon__dot data-v-2af81691"></view></block></view><text wx:if="{{o}}" class="u-loading-icon__text data-v-2af81691" style="{{'font-size:' + q + ';' + ('color:' + r)}}">{{p}}</text></view> |
|||
@ -0,0 +1,173 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-2af81691, |
|||
.u-empty__wrap.data-v-2af81691, |
|||
.u-tabs.data-v-2af81691, |
|||
.u-tabs__wrapper.data-v-2af81691, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-2af81691, |
|||
.u-tabs__wrapper__scroll-view.data-v-2af81691, |
|||
.u-tabs__wrapper__nav.data-v-2af81691, |
|||
.u-tabs__wrapper__nav__line.data-v-2af81691 { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
.u-loading-icon.data-v-2af81691 { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #c8c9cc; |
|||
} |
|||
.u-loading-icon__text.data-v-2af81691 { |
|||
margin-left: 4px; |
|||
color: #606266; |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
} |
|||
.u-loading-icon__spinner.data-v-2af81691 { |
|||
width: 30px; |
|||
height: 30px; |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
max-width: 100%; |
|||
max-height: 100%; |
|||
animation: u-rotate-2af81691 1s linear infinite; |
|||
} |
|||
.u-loading-icon__spinner--semicircle.data-v-2af81691 { |
|||
border-width: 2px; |
|||
border-color: transparent; |
|||
border-top-right-radius: 100px; |
|||
border-top-left-radius: 100px; |
|||
border-bottom-left-radius: 100px; |
|||
border-bottom-right-radius: 100px; |
|||
border-style: solid; |
|||
} |
|||
.u-loading-icon__spinner--circle.data-v-2af81691 { |
|||
border-top-right-radius: 100px; |
|||
border-top-left-radius: 100px; |
|||
border-bottom-left-radius: 100px; |
|||
border-bottom-right-radius: 100px; |
|||
border-width: 2px; |
|||
border-top-color: #e5e5e5; |
|||
border-right-color: #e5e5e5; |
|||
border-bottom-color: #e5e5e5; |
|||
border-left-color: #e5e5e5; |
|||
border-style: solid; |
|||
} |
|||
.u-loading-icon--vertical.data-v-2af81691 { |
|||
flex-direction: column; |
|||
} |
|||
.data-v-2af81691:host { |
|||
font-size: 0px; |
|||
line-height: 1; |
|||
} |
|||
.u-loading-icon__spinner--spinner.data-v-2af81691 { |
|||
animation-timing-function: steps(12); |
|||
} |
|||
.u-loading-icon__text.data-v-2af81691:empty { |
|||
display: none; |
|||
} |
|||
.u-loading-icon--vertical .u-loading-icon__text.data-v-2af81691 { |
|||
margin: 6px 0 0; |
|||
color: #606266; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691 { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:before { |
|||
display: block; |
|||
width: 2px; |
|||
height: 25%; |
|||
margin: 0 auto; |
|||
background-color: currentColor; |
|||
border-radius: 40%; |
|||
content: " "; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(1) { |
|||
transform: rotate(30deg); |
|||
opacity: 1; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(2) { |
|||
transform: rotate(60deg); |
|||
opacity: 0.9375; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(3) { |
|||
transform: rotate(90deg); |
|||
opacity: 0.875; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(4) { |
|||
transform: rotate(120deg); |
|||
opacity: 0.8125; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(5) { |
|||
transform: rotate(150deg); |
|||
opacity: 0.75; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(6) { |
|||
transform: rotate(180deg); |
|||
opacity: 0.6875; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(7) { |
|||
transform: rotate(210deg); |
|||
opacity: 0.625; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(8) { |
|||
transform: rotate(240deg); |
|||
opacity: 0.5625; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(9) { |
|||
transform: rotate(270deg); |
|||
opacity: 0.5; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(10) { |
|||
transform: rotate(300deg); |
|||
opacity: 0.4375; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(11) { |
|||
transform: rotate(330deg); |
|||
opacity: 0.375; |
|||
} |
|||
.u-loading-icon__dot.data-v-2af81691:nth-of-type(12) { |
|||
transform: rotate(360deg); |
|||
opacity: 0.3125; |
|||
} |
|||
@keyframes u-rotate-2af81691 { |
|||
0% { |
|||
transform: rotate(0deg); |
|||
} |
|||
to { |
|||
transform: rotate(1turn); |
|||
} |
|||
} |
|||
@ -0,0 +1,98 @@ |
|||
"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: { |
|||
// 组件状态，loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态
|
|||
status: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.status |
|||
}, |
|||
// 组件背景色
|
|||
bgColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.bgColor |
|||
}, |
|||
// 是否显示加载中的图标
|
|||
icon: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.icon |
|||
}, |
|||
// 字体大小
|
|||
fontSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.fontSize |
|||
}, |
|||
// 图标大小
|
|||
iconSize: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.iconSize |
|||
}, |
|||
// 字体颜色
|
|||
color: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.color |
|||
}, |
|||
// 加载中状态的图标，spinner-花朵状图标，circle-圆圈状，semicircle-半圆
|
|||
loadingIcon: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.loadingIcon |
|||
}, |
|||
// 加载前的提示语
|
|||
loadmoreText: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.loadmoreText |
|||
}, |
|||
// 加载中提示语
|
|||
loadingText: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.loadingText |
|||
}, |
|||
// 没有更多的提示语
|
|||
nomoreText: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.nomoreText |
|||
}, |
|||
// 在“没有更多”状态下，是否显示粗点
|
|||
isDot: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.isDot |
|||
}, |
|||
// 加载中图标的颜色
|
|||
iconColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.iconColor |
|||
}, |
|||
// 上边距
|
|||
marginTop: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.marginTop |
|||
}, |
|||
// 下边距
|
|||
marginBottom: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.marginBottom |
|||
}, |
|||
// 高度，单位px
|
|||
height: { |
|||
type: [String, Number], |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.height |
|||
}, |
|||
// 是否显示左边分割线
|
|||
line: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.line |
|||
}, |
|||
// 线条颜色
|
|||
lineColor: { |
|||
type: String, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.lineColor |
|||
}, |
|||
// 是否虚线，true-虚线，false-实线
|
|||
dashed: { |
|||
type: Boolean, |
|||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadmore.dashed |
|||
} |
|||
} |
|||
}); |
|||
exports.props = props; |
|||
@ -0,0 +1,198 @@ |
|||
"use strict"; |
|||
const uni_modules_uviewPlus_components_uLoadmore_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-loadmore", |
|||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLoadmore_props.props], |
|||
data() { |
|||
return { |
|||
// 粗点
|
|||
dotText: "●" |
|||
}; |
|||
}, |
|||
computed: { |
|||
// 加载的文字显示的样式
|
|||
loadTextStyle() { |
|||
return { |
|||
color: this.color, |
|||
fontSize: uni_modules_uviewPlus_libs_function_index.addUnit(this.fontSize), |
|||
lineHeight: uni_modules_uviewPlus_libs_function_index.addUnit(this.fontSize), |
|||
backgroundColor: this.bgColor |
|||
}; |
|||
}, |
|||
// 显示的提示文字
|
|||
showText() { |
|||
let text = ""; |
|||
if (this.status == "loadmore") |
|||
text = this.loadmoreText; |
|||
else if (this.status == "loading") |
|||
text = this.loadingText; |
|||
else if (this.status == "nomore" && this.isDot) |
|||
text = this.dotText; |
|||
else |
|||
text = this.nomoreText; |
|||
return text; |
|||
} |
|||
}, |
|||
emits: ["loadmore"], |
|||
methods: { |
|||
addStyle: uni_modules_uviewPlus_libs_function_index.addStyle, |
|||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit, |
|||
loadMore() { |
|||
if (this.status == "loadmore") |
|||
this.$emit("loadmore"); |
|||
} |
|||
} |
|||
}; |
|||
if (!Array) { |
|||
const _easycom_u_line2 = common_vendor.resolveComponent("u-line"); |
|||
const _easycom_u_loading_icon2 = common_vendor.resolveComponent("u-loading-icon"); |
|||
(_easycom_u_line2 + _easycom_u_loading_icon2)(); |
|||
} |
|||
const _easycom_u_line = () => "../u-line/u-line.js"; |
|||
const _easycom_u_loading_icon = () => "../u-loading-icon/u-loading-icon.js"; |
|||
if (!Math) { |
|||
(_easycom_u_line + _easycom_u_loading_icon)(); |
|||
} |
|||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) { |
|||
return common_vendor.e({ |
|||
a: _ctx.line |
|||
}, _ctx.line ? { |
|||
b: common_vendor.p({ |
|||
length: "140rpx", |
|||
color: _ctx.lineColor, |
|||
hairline: false, |
|||
dashed: _ctx.dashed |
|||
}) |
|||
} : {}, { |
|||
c: _ctx.status === "loading" && _ctx.icon |
|||
}, _ctx.status === "loading" && _ctx.icon ? { |
|||
d: common_vendor.p({ |
|||
color: _ctx.iconColor, |
|||
size: _ctx.iconSize, |
|||
mode: _ctx.loadingIcon |
|||
}) |
|||
} : {}, { |
|||
e: common_vendor.t($options.showText), |
|||
f: common_vendor.s($options.loadTextStyle), |
|||
g: common_vendor.n(_ctx.status == "nomore" && _ctx.isDot == true ? "u-loadmore__content__dot-text" : "u-loadmore__content__text"), |
|||
h: common_vendor.o((...args) => $options.loadMore && $options.loadMore(...args)), |
|||
i: common_vendor.n(_ctx.status == "loadmore" || _ctx.status == "nomore" ? "u-more" : ""), |
|||
j: _ctx.line |
|||
}, _ctx.line ? { |
|||
k: common_vendor.p({ |
|||
length: "140rpx", |
|||
color: _ctx.lineColor, |
|||
hairline: false, |
|||
dashed: _ctx.dashed |
|||
}) |
|||
} : {}, { |
|||
l: common_vendor.s($options.addStyle(_ctx.customStyle)), |
|||
m: common_vendor.s({ |
|||
backgroundColor: _ctx.bgColor, |
|||
marginBottom: $options.addUnit(_ctx.marginBottom), |
|||
marginTop: $options.addUnit(_ctx.marginTop), |
|||
height: $options.addUnit(_ctx.height) |
|||
}) |
|||
}); |
|||
} |
|||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4ccc1478"], ["__file", "D:/work/xinjiangMiniProgram/uni_modules/uview-plus/components/u-loadmore/u-loadmore.vue"]]); |
|||
wx.createComponent(Component); |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"u-line": "../u-line/u-line", |
|||
"u-loading-icon": "../u-loading-icon/u-loading-icon" |
|||
} |
|||
} |
|||
@ -0,0 +1 @@ |
|||
<view class="u-loadmore data-v-4ccc1478" style="{{l + ';' + m}}"><u-line wx:if="{{a}}" class="data-v-4ccc1478" u-i="4ccc1478-0" bind:__l="__l" u-p="{{b}}"></u-line><view class="{{[i, 'u-loadmore__content', 'data-v-4ccc1478']}}"><view wx:if="{{c}}" class="u-loadmore__content__icon-wrap data-v-4ccc1478"><u-loading-icon wx:if="{{d}}" class="data-v-4ccc1478" u-i="4ccc1478-1" bind:__l="__l" u-p="{{d}}"></u-loading-icon></view><text style="{{f}}" class="{{['u-line-1', 'data-v-4ccc1478', g]}}" bindtap="{{h}}">{{e}}</text></view><u-line wx:if="{{j}}" class="data-v-4ccc1478" u-i="4ccc1478-2" bind:__l="__l" u-p="{{k}}"></u-line></view> |
|||
@ -0,0 +1,70 @@ |
|||
/** |
|||
* 这里是uni-app内置的常用样式变量 |
|||
* |
|||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
|||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
|||
* |
|||
*/ |
|||
/** |
|||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
|||
* |
|||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
|||
*/ |
|||
/* 颜色变量 */ |
|||
/* 行为相关颜色 */ |
|||
/* 文字基本颜色 */ |
|||
/* 背景颜色 */ |
|||
/* 边框颜色 */ |
|||
/* 尺寸变量 */ |
|||
/* 文字尺寸 */ |
|||
/* 图片尺寸 */ |
|||
/* Border Radius */ |
|||
/* 水平间距 */ |
|||
/* 垂直间距 */ |
|||
/* 透明度 */ |
|||
/* 文章场景相关 */ |
|||
.u-empty.data-v-4ccc1478, |
|||
.u-empty__wrap.data-v-4ccc1478, |
|||
.u-tabs.data-v-4ccc1478, |
|||
.u-tabs__wrapper.data-v-4ccc1478, |
|||
.u-tabs__wrapper__scroll-view-wrapper.data-v-4ccc1478, |
|||
.u-tabs__wrapper__scroll-view.data-v-4ccc1478, |
|||
.u-tabs__wrapper__nav.data-v-4ccc1478, |
|||
.u-tabs__wrapper__nav__line.data-v-4ccc1478 { |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-shrink: 0; |
|||
flex-grow: 0; |
|||
flex-basis: auto; |
|||
align-items: stretch; |
|||
align-content: flex-start; |
|||
} |
|||
.u-loadmore.data-v-4ccc1478 { |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
flex: 1; |
|||
} |
|||
.u-loadmore__content.data-v-4ccc1478 { |
|||
margin: 0 15px; |
|||
|
|||
display: flex; |
|||
|
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
.u-loadmore__content__icon-wrap.data-v-4ccc1478 { |
|||
margin-right: 8px; |
|||
} |
|||
.u-loadmore__content__text.data-v-4ccc1478 { |
|||
font-size: 14px; |
|||
color: #606266; |
|||
} |
|||
.u-loadmore__content__dot-text.data-v-4ccc1478 { |
|||
font-size: 15px; |
|||
color: #909193; |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue