otherHeight:瀑布流的盒子其它组成部分的高度,例如点赞那行,因为瀑布流不单单是图片组成 minHeight: 图片最小高度,如果没有图片,也会使用最小高度,相当于默认高度 maxHeight:图片最大高度,超出高度就按照 maxHeight 进入当前列累计高度 代码: <template> <scroll-view style="height: 800px;" scroll-y="true"...
uniapp text展开收起 通过line-height和max-height控制行数 通过伪元素和float把展开按钮定位在文本右下角 通过boundingClientRect获取文本总行数,来判断是否需要展开按钮 expandable_text.vue组件完整代码: <template><viewclass="container":style="{ '--font-size': fontSize + 'rpx', '--text-color': textCol...
可以参考H5适配的做法,做一个pc的px转rem的插件,通过修改1rem等于多少px,和不同分辨率下的html的font-size的大小,设置每个元素(宽高,border等)的最终大小,每个元素的值通过sass的函数名来设置。max-height和max-width可以根据需要使用 // PX 转 rem @function px2Rem($px, $base-font-size: 19.2px) { //...
height: 100px; background: red; } .center { flex: 1; } 场景三:未知高度局部滚动 这个就有点难度了,其实就是我们 pc 上常用的设置最大高度 max-height,如果超过了最大高度则出现滚动条,很不幸在小程序这种方式滚动不了。 一般用在弹窗中比较多,设置一个固定高度确实可以实现,但是内容较少时会出现大量...
设置高为百分比的话也不能触发下拉. 高可以使用max-hight, 不能使用min-hight。 没有设置scroll-y 没有滚动到顶部触发下拉, 而是在可视页面中触发下拉 官方默认无论page的滚动条在哪个位置, 只要在scroll-view页面上下拉都会触发下拉函数, 这样用户体验非常差. 可以使用@scroll滚动时触发的函数来获取scroll-view滚动...
this.scrollTop = maxHeight; dom.scrollTop = this.scrollTop; } else if (tempData <= 0) { this.scrollTop = 0; dom.scrollTop = this.scrollTop; } else { this.scrollTop = tempData; dom.scrollTop = this.scrollTop; } } 此时滑动效果出现。但是滑动出不流畅。
1:如果数据不够一屏幕,数据会显示在底部(解决方案:用设置高度的方式,外层包一个view设置flex:1或者高度,自身设置max-height: 100%; 貌似max属性在style=""里设置可以生效) 2:不能使用滚动条,因为滚动条去到了左边(解决方案,自己计算模拟一个滚动条)
{ maxScrollY = 0; // this.scrollerHeight = this.wrapperHeight; } endTime = 0; directionX = 0; directionY = 0; this.resetPosition(0); }, /** * * @description 统一运行环境 * @param {string} type * @param {Function} fn */ async runIn(type, fn) { if (initiated === 0 &&...
{line-height: 39rpx;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;min-height: 39rpx;max-height: 78rpx;}.listtitle2 {color: #ff0000;font-size: 32rpx;line-height: 32...
returncanvas;}/*** @description 返回图片大小* @param {Int} maxWidth* @param {Int} width* @param {Int} height*/functionimgScaleW(maxWidth,width,height){varimgScale={};varw=0;varh=0;if(width<=maxWidth&&height<=maxWidth){// 如果图片宽高都小于限制的最大值,不用缩放imgScale={width:...