Giter Site home page Giter Site logo

miniprogram-component-plus's Issues

vtabs显示问题

当几个vtabs对应的vtabscontent,内容高度小于一屏时,触发onTabCLick事件,会同时触发tabChanges事件,导致activeTab显示错误

vtabs 异步加载 vtabs-content 内容数据,内容高度变化问题

vtabs 异步加载 vtabs-content 内容数据 ,内容高度发生变化。但是vtabs初始化是存储的_contentHeight缓存没有发生变化,_heightRecords没有重新计算。导致点击tab时,内容定位错误。
是否可以增加内容高度变更监控,重新计算_heightRecords的方法。
或者将方法暴露出去,
让开发者监控内容高度变化后,重新计算_heightRecords值?

col 组件触发不了bindtap事件

<mp-row wx:for="{{ reconmend }}">
	<mp-col wx:for="{{ item }}" span="{{6}}">
		<view>
			<view class="col">
				<image mode="aspectFit" src="{{ item }}"  data-src="{{ item }}" catchtap="onTap" show-menu-by-longpress="ture"></image>
			</view>
	</view>
</mp-col>

video-swiper 全是 坑,我列举出来了,求修复

1,不支持暂停播放控制

2,不支持无限循环滚动

3,只渲染 3 的 倍数的视频

4,默认定位到第二个视频上,如果要实现热门推荐之类的,第一个最热门的 直接 让用户看不到,除非自己滑上去

5,不支持判断视频分辨路是否竖屏 或者 横屏,很多时候 如果为竖屏的话 需要 设置 objectFit 为 cover 来实现全屏播放,横屏得话就不用了

6,不支持 slot 自定UI 进去,绝大部分情况下 吗,每个视频都有自己的一些 UI ,但是 这个 插件不支持slot 只能一直悬浮 在上面然后 动态改变 ,看上去非常不自然

tabs 不行

1.按照你们的垃圾文档,真的难以编码。
npm i @miniprogram-component-plus/video-swiper --save

tabs 高度不能设置

tabs-content 里内容高度调整后,容器的高度没有跟着变化

<mp-tabs
  tabs="{{tabs}}"
  activeTab="{{activeTab}}"
  swiperClass="weui-tabs-swiper"
  bindtabclick="onTabCLick"
  bindchange="onChange"
  activeClass="tab-bar-title__selected"
>
  <block wx:for="{{tabs}}" wx:key="title">
    <view class="tab-content" slot="tab-content-{{index}}" > <view style="height: 300px;"> {{item.title}} </view></view>
  </block>
</mp-tabs>
<view> ---- footer ---- </view>

这是移除了样式表里的高度设置

.tab-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 40rpx;
}

vtabs 组件定位错误,如何修复呢?

vtabs 组件定位错误,如何修复呢? 只有四个的时候就能测出来呢

const titles = [
'热搜推荐', '手机数码', '家用电器','生鲜果蔬',
// '酒水饮料', '生活美食',
// '美妆护肤', '个护清洁', '女装内衣',
// '男装内衣', '鞋靴箱包', '运动户外',
// '生活充值', '母婴童装', '玩具乐器',
// '家居建材', '计生情趣', '医药保健',
// '时尚钟表', '珠宝饰品', '礼品鲜花',
// '图书音像', '房产', '电脑办公', ]

sticky组件在自定义tabbar下使用会报错!!!

首先这个问题困扰了我一个上午,经过反复测试发现的
image
image
前提是小程序使用自定义tabbar才会复现,然后我查找自定义组件的相关文档,猜测是attached函数在自定义tabbar下表现不一样,还没渲染组件就触发了该函数导致的报错,于是我就把attached替换成下面的ready函数,结果就正常了!
image
总结:在自定义tabbar下自定义组件获取元素节点需要在ready函数下获取才能确保拿到节点信息,
希望官方看到之后给出确认解答,并修复该问题!谢谢!!!

grid组件,在给mp-col增加bindtap时不触发

grid组件,在给mp-col增加bindtap时不触发,子组件里面的view也不能使用bindtap

<mp-row>
  <mp-col span="{{8}}">
    <view class="col" bindtap="goToLogin">
      <view class="weui-grid__icon">
        <mp-icon icon="lock" size="{{22}}"></mp-icon>
      </view>
      <view class="weui-grid__label">登录</view>
    </view>
  </mp-col>
</mp-row>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.