From 9ab4955166b7b1370fc2a49b152353241ca9e64a Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 16 十月 2023 09:22:23 +0800 Subject: [PATCH] 小程序 --- minipro_standard/uni_modules/uview-ui/components/u-list/u-list.vue | 157 ---------------------------------------------------- 1 files changed, 0 insertions(+), 157 deletions(-) diff --git a/minipro_standard/uni_modules/uview-ui/components/u-list/u-list.vue b/minipro_standard/uni_modules/uview-ui/components/u-list/u-list.vue index 4447cab..e69de29 100644 --- a/minipro_standard/uni_modules/uview-ui/components/u-list/u-list.vue +++ b/minipro_standard/uni_modules/uview-ui/components/u-list/u-list.vue @@ -1,157 +0,0 @@ -<template> - <!-- #ifdef APP-NVUE --> - <list - class="u-list" - :enableBackToTop="enableBackToTop" - :loadmoreoffset="lowerThreshold" - :showScrollbar="showScrollbar" - :style="[listStyle]" - :offset-accuracy="Number(offsetAccuracy)" - @scroll="onScroll" - @loadmore="scrolltolower" - > - <slot /> - </list> - <!-- #endif --> - <!-- #ifndef APP-NVUE --> - <scroll-view - class="u-list" - :scroll-into-view="scrollIntoView" - :style="[listStyle]" - scroll-y - :scroll-top="Number(scrollTop)" - :lower-threshold="Number(lowerThreshold)" - :upper-threshold="Number(upperThreshold)" - :show-scrollbar="showScrollbar" - :enable-back-to-top="enableBackToTop" - :scroll-with-animation="scrollWithAnimation" - @scroll="onScroll" - @scrolltolower="scrolltolower" - @scrolltoupper="scrolltoupper" - > - <view> - <slot /> - </view> - </scroll-view> - <!-- #endif --> -</template> - -<script> - import props from './props.js'; - // #ifdef APP-NVUE - const dom = uni.requireNativePlugin('dom') - // #endif - /** - * List 鍒楄〃 - * @description 璇ョ粍浠朵负楂樻�ц兘鍒楄〃缁勪欢 - * @tutorial https://www.uviewui.com/components/list.html - * @property {Boolean} showScrollbar 鎺у埗鏄惁鍑虹幇婊氬姩鏉★紝浠卬vue鏈夋晥 锛堥粯璁� false 锛� - * @property {String 锝� Number} lowerThreshold 璺濆簳閮ㄥ灏戞椂瑙﹀彂scrolltolower浜嬩欢 锛堥粯璁� 50 锛� - * @property {String 锝� Number} upperThreshold 璺濋《閮ㄥ灏戞椂瑙﹀彂scrolltoupper浜嬩欢锛岄潪nvue鏈夋晥 锛堥粯璁� 0 锛� - * @property {String 锝� Number} scrollTop 璁剧疆绔栧悜婊氬姩鏉′綅缃紙榛樿 0 锛� - * @property {String 锝� Number} offsetAccuracy 鎺у埗 onscroll 浜嬩欢瑙﹀彂鐨勯鐜囷紝浠卬vue鏈夋晥锛堥粯璁� 10 锛� - * @property {Boolean} enableFlex 鍚敤 flexbox 甯冨眬銆傚紑鍚悗锛屽綋鍓嶈妭鐐瑰0鏄庝簡display: flex灏变細鎴愪负flex container锛屽苟浣滅敤浜庡叾瀛╁瓙鑺傜偣锛屼粎寰俊灏忕▼搴忔湁鏁堬紙榛樿 false 锛� - * @property {Boolean} pagingEnabled 鏄惁鎸夊垎椤垫ā寮忔樉绀篖ist锛岋紙榛樿 false 锛� - * @property {Boolean} scrollable 鏄惁鍏佽List婊氬姩锛堥粯璁� true 锛� - * @property {String} scrollIntoView 鍊煎簲涓烘煇瀛愬厓绱爄d锛坕d涓嶈兘浠ユ暟瀛楀紑澶达級 - * @property {Boolean} scrollWithAnimation 鍦ㄨ缃粴鍔ㄦ潯浣嶇疆鏃朵娇鐢ㄥ姩鐢昏繃娓� 锛堥粯璁� false 锛� - * @property {Boolean} enableBackToTop iOS鐐瑰嚮椤堕儴鐘舵�佹爮銆佸畨鍗撳弻鍑绘爣棰樻爮鏃讹紝婊氬姩鏉¤繑鍥為《閮紝鍙寰俊灏忕▼搴忔湁鏁� 锛堥粯璁� false 锛� - * @property {String 锝� Number} height 鍒楄〃鐨勯珮搴� 锛堥粯璁� 0 锛� - * @property {String 锝� Number} width 鍒楄〃瀹藉害 锛堥粯璁� 0 锛� - * @property {String 锝� Number} preLoadScreen 鍒楄〃鍓嶅悗棰勬覆鏌撶殑灞忔暟锛�1浠h〃涓�涓睆骞曠殑楂樺害锛�1.5浠h〃1涓崐灞忓箷楂樺害 锛堥粯璁� 1 锛� - * @property {Object} customStyle 瀹氫箟闇�瑕佺敤鍒扮殑澶栭儴鏍峰紡 - * - * @example <u-list @scrolltolower="scrolltolower"></u-list> - */ - export default { - name: 'u-list', - mixins: [uni.$u.mpMixin, uni.$u.mixin,props], - watch: { - scrollIntoView(n) { - this.scrollIntoViewById(n) - } - }, - data() { - return { - // 璁板綍鍐呴儴婊氬姩鐨勮窛绂� - innerScrollTop: 0, - // vue涓嬶紝scroll-view鍦ㄤ笂鎷夊姞杞芥椂鐨勫亸绉诲�� - offset: 0, - sys: uni.$u.sys() - } - }, - computed: { - listStyle() { - const style = {}, - addUnit = uni.$u.addUnit - if (this.width != 0) style.width = addUnit(this.width) - if (this.height != 0) style.height = addUnit(this.height) - // 濡傛灉娌℃湁瀹氫箟鍒楄〃楂樺害锛屽垯榛樿浣跨敤灞忓箷楂樺害 - if (!style.height) style.height = addUnit(this.sys.windowHeight, 'px') - return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle)) - } - }, - provide() { - return { - uList: this - } - }, - created() { - this.refs = [] - this.children = [] - this.anchors = [] - }, - mounted() {}, - methods: { - updateOffsetFromChild(top) { - this.offset = top - }, - onScroll(e) { - let scrollTop = 0 - // #ifdef APP-NVUE - scrollTop = e.contentOffset.y - // #endif - // #ifndef APP-NVUE - scrollTop = e.detail.scrollTop - // #endif - this.innerScrollTop = scrollTop - this.$emit('scroll', Math.abs(scrollTop)) - }, - scrollIntoViewById(id) { - // #ifdef APP-NVUE - // 鏍规嵁id鍙傛暟锛屾壘鍒版墍鏈塽-list-item涓尮閰嶇殑鑺傜偣锛屽啀閫氳繃dom妯″潡婊氬姩鍒板搴旂殑浣嶇疆 - const item = this.refs.find(item => item.$refs[id] ? true : false) - dom.scrollToElement(item.$refs[id], { - // 鏄惁闇�瑕佹粴鍔ㄥ姩鐢� - animated: this.scrollWithAnimation - }) - // #endif - }, - // 婊氬姩鍒板簳閮ㄨЕ鍙戜簨浠� - scrolltolower(e) { - uni.$u.sleep(30).then(() => { - this.$emit('scrolltolower') - }) - }, - // #ifndef APP-NVUE - // 婊氬姩鍒板簳閮ㄦ椂瑙﹀彂锛岄潪nvue鏈夋晥 - scrolltoupper(e) { - uni.$u.sleep(30).then(() => { - this.$emit('scrolltoupper') - // 杩欎竴鍙ュ緢閲嶈锛岃兘缁濆淇濊瘉鍦ㄦ�у姛鑳介殰纰嶇殑webview锛屾粴鍔ㄦ潯鍒伴《鏃讹紝鍙栨秷鍋忕Щ鍊硷紝璁╅〉闈㈢疆椤� - this.offset = 0 - }) - } - // #endif - }, - } -</script> - -<style lang="scss" scoped> - @import "../../libs/css/components.scss"; - - .u-list { - @include flex(column); - - } -</style> -- Gitblit v1.9.3