zouzhibin/zb-table
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加数据

Browse Source
This commit is contained in:
zouzhibing
2022-04-13 11:50:33 +08:00
parent d2fa1a1f9c
commit 22f647f215
6 changed files with 121 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
.idea/workspace.xml generated
View File

@@ -2,9 +2,11 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="be7958c3-0d1c-4f74-a433-b590462e7034" name="Default Changelist" comment="修改 回显问题">
<change afterPath="$PROJECT_DIR$/assets/ee.gif" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/pages/index/index.nvue" beforeDir="false" afterPath="$PROJECT_DIR$/pages/index/index.nvue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/changelog.md" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/changelog.md" afterDir="false" />
<change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/package.json" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@@ -15,7 +17,7 @@
<component name="Git.Settings">
<option name="RECENT_BRANCH_BY_REPOSITORY">
<map>
<entry key="$PROJECT_DIR$" value="master" />
<entry key="$PROJECT_DIR$" value="zb-pagination" />
</map>
</option>
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -30,12 +32,22 @@
<property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
<property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/assets" />
<property name="node.js.detected.package.eslint" value="true" />
<property name="node.js.detected.package.tslint" value="true" />
<property name="node.js.selected.package.eslint" value="(autodetect)" />
<property name="node.js.selected.package.tslint" value="(autodetect)" />
<property name="vue.rearranger.settings.migration" value="true" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="E:\dingw\pr2\zzb-table\assets" />
</key>
<key name="MoveFile.RECENT_KEYS">
<recent name="E:\dingw\pr2\zzb-table" />
<recent name="E:\dingw\pr2\zzb-table\pages" />
</key>
</component>
<component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="false" />
<component name="SvnConfiguration">
<configuration />

BIN
assets/ee.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

103
pages/index/index.nvue
View File

@@ -15,6 +15,9 @@
<view class="inner" @click="btn3('bottom')">
<view class="text">底部弹出</view>
</view>
<view class="inner" @click="btn10('bottom')">
<view class="text">距顶部任意位置弹出</view>
</view>
</view>
</view>
@@ -39,6 +42,8 @@
</view>
</view>
<zb-drawer
@@ -50,14 +55,33 @@
<view class="center">
<scroll-view scroll-y>
<view>
<view v-for="item in list" class="item-child">{{item}}</view>
<view v-for="item in list" class="item-child">
<view>数据展示</view>
<view>{{item}}</view>
</view>
</view>
</scroll-view>
</view>
<view class="footer">
<button style="flex: 1;" size="mini">取消</button>
<button type="primary" style="flex: 1;" size="mini">确定</button>
<view style="flex: 1;" class="cancel" @click="isShow=false">
<text class="text" >取消</text>
</view>
<view style="flex: 1;" class="config" @click="config">
<!-- #ifdef APP-NVUE -->
<loading-indicator v-if="isLoading"
:style="{color: 'white',width:'24px',height:'24px'}" :animating="true"
></loading-indicator>
<!-- #endif -->
<!-- #ifndef APP-NVUE -->
<image
v-if="isLoading"
:src="base64Flower" style="" class="loading-custom-image"></image>
<!-- #endif -->
<text class="text" >异步关闭</text>
</view>
</view>
</view>
</zb-drawer>
@@ -75,24 +99,34 @@
<zb-drawer :mode="mode" width="80%" :visible.sync="isShow4" :radius="true">
<view class="top-content"></view>
</zb-drawer>
<zb-drawer mode="top" width="80%" :visible.sync="isShow5" :radius="true">
<view class="top-content"></view>
</zb-drawer>
</view>
</template>
<script>
const base64Flower = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEVHcEzDw8Ovr6+pqamUlJTCwsKenp61tbWxsbGysrLNzc2bm5u5ubmjo6MpovhuAAAACnRSTlMA/P79/sHDhiZS0DxZowAABBBJREFUWMPtl89rE0EUx7ctTXatB3MI1SWnDbUKPUgXqh4ED8Uf7KUVSm3ooVSpSii0Fn/gD4j4o+APiEoVmos9FO2celiqZVgwgaKHPQiCCkv+F99kM7Ozm5kxq1dfD91k9pPve9/3ZjbRNHHok/mKli4eIPNgSuRObuN9SqSEzM20iGnm0yIbqCuV7NSSSIV7uyPM6JMBYdeTOanh/QihJYZsUCSby+VkMj2AvOt0rAeQAwqE3lfKMZVlQCZk1QOCKkkVPadITCfIRNKxfoJI5+0OIFtJx14CMSg1mRSDko7VAfksRQzEbGYqxOJcVTWMCH2I1/IACNW0PWU2M8cmAVHtnH5mM1VRWtwKZjOd5JbF6s1IbaYqaotjNlPHgDAnlAizubTR6ovMYn052g/U5qcmOpi0WL8xTS/3IfSet5m8MEr5ajjF5le6dq/OJpobrdY0t3i9QgefWrxW9/1BLhk0E9m8FeUMhhXal499iD0eQRfDF+ts/tttORRerfp+oV7f4xJj82iUYm1Yzod+ZQEAlS/8mMBwKebVmCVp1f0JLS6zKd17+iwRKTARVg2SHtz3iEbBH+Q+U28zW2Jiza8Tjb1YFoYZMsJyjDqp3M9XBQdSdPLFdxEpvOB37JrHcmR/y9+LgoTlCFGZEa2sc6d4PGlweEa2JSVPoVm+IfGG3ZL037iV9oH+P+Jxc4HGVflNq1M0pivao/EopO4b/ojVCP9GjmiXOeS0DOn1o/iiccT4ORnyvBGF3yUywkQajW4Ti0SGuiy/wVSg/L8w+X/8Q+hvUx8Xd90z4oV5a1i88MbFWHz0WZZ1UrTwBGPX3Rat9AFiXRMRjoMdIdJLEOt2h7jrYOzgOamKZSWSNspOS0X8SAqRYmxRL7sg4eLzYmNehcxh3uoyud/BH2Udux4ywxFTc1xC7Mgf4vMhc5S+kSH3Y7yj+qpwIWSoPTVCOOPVthGx9FbGqrwFw6wSFxJr+17zeKcztt3u+2roAEVgUjDd+AHGuxHy2rZHaa8JMkTHEeyi85ANPO9j9BVuBRD2FY5LDMo/Sz/2hReqGIs/KiFin+CsPsYO/yvM3jL2vE8EbX7/Bf8ejtr2GLN65bioAdgLd8Bis/mD5GmP2qeqyo2ZwQEOtAjRIDH7mBKpUcMoApbZJ5UIxkEwxyMZyMxW/uKFvHCFR3SSmerHyDNQ2dF4JG6zIMpBgLfjSF9x1D6smFcYnGApjmSLICO3ecCDWrQ48geba9DI3STy2i7ax6WIB62fSyIZIiO3GFQqSURp8wCo7GhJBGwuSovJBNjb7kT6FPVnIa9qJ2Ko+l9mefGIdinaMp0yC1URYiwsdfNE45EuA5Cx9EhalfvN5s+UyItm81vaB3p4joniN+SCP7Qc1hblAAAAAElFTkSuQmCC';
import load from '@/assets/ee.gif'
const list = []
for (let i = 0; i < 40; i++) {
list.push(`数据${i}`)
list.push(`${i}`)
}
export default {
data() {
return {
load,
base64Flower,
list,
isShow: false,
isShow1: false,
isShow2:false,
isShow3:false,
isShow4:false,
mode: 'left'
isShow5:true,
mode: 'left',
isLoading:false
}
},
methods: {
@@ -103,6 +137,9 @@
title: '点击自定义'
})
},
btn10(){
this.isShow5 = true
},
btn1(type) {
this.mode = type
this.isShow1 = true
@@ -123,11 +160,19 @@
uni.showToast({
icon: 'none',
duration: 3000,
title: '异步关闭'
title: '点击遮罩层关闭'
})
setTimeout(() => {
done()
}, 1000)
done()
// setTimeout(() => {
// done()
// }, 1000)
},
config(){
this.isLoading = true
setTimeout(()=>{
this.isLoading = false
this.isShow = false
},2000)
},
btn(type) {
console.log('==========', type)
@@ -150,6 +195,40 @@
right: 0;
bottom: 0;
}
.cancel{
background-color: #f8f8f8;
display: flex;
height: 80rpx;
justify-content: center;
align-items: center;
}
.config{
display: flex;
height: 80rpx;
justify-content: center;
align-items: center;
flex-direction: row;
background-color: #007aff;
.text{
color: white;
}
.loading-custom-image{
width: 40rpx;
height: 40rpx;
margin-right: 5px;
animation: loading-circle 1s linear infinite;
}
@keyframes loading-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
}
.item-block{
.title{
color: #455a6499;
@@ -175,6 +254,7 @@
}
}
.wrap {
border-top:1px solid #e8e8e8;
flex: 1;
display: flex;
flex-direction: column;
@@ -193,7 +273,10 @@
.item-child {
height: 60rpx;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-around;
align-items:center;
border-bottom:1px solid #e8e8e8;
}
.footer {

2
uni_modules/zb-drawer/changelog.md
View File

@@ -1,3 +1,5 @@
## 1.0.5（2022-04-13）
优化关闭 、优化样式
## 1.0.4（2022-04-12）
进行优化
## 1.0.3（2022-04-09）

17
uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue
View File

@@ -115,15 +115,22 @@ export default {
handler(newValue){
this.$emit('update:visible', newValue)
},
// immediate:true
},
async visible (val) {
this._change('show','mask',val)
}
visible:{
async handler(val){
if(val){
this._change('show','mask',val)
}else{
this._change('mask','show',val)
}
},
immediate:true
}
},
data(){
return{
show: this.visible,
show: false,
mask:this.visible,
watchTimer:null,
}

2
uni_modules/zb-drawer/package.json
View File

@@ -1,7 +1,7 @@
{
"id": "zb-drawer",
"displayName": "zb-drawer",
"version": "1.0.4",
"version": "1.0.5",
"description": "抽屉组件，功能有、支持设置宽度百分比、高度百分比、左边弹出、右边弹出、顶部弹出、底部弹出",
"keywords": [
"drawer",