wechat-miniprogram / miniprogram-component-plus Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
设置了默认的activeTab,左边的tab栏改变了,但是右边的内容却没有跟着联动
video-swiper 组件不支持在swiper-item下放置插槽<slot></slot>
see title
sticky组件能不能加上吸底功能
WeUI好像已经适配了
当几个vtabs对应的vtabscontent,内容高度小于一屏时,触发onTabCLick事件,会同时触发tabChanges事件,导致activeTab显示错误
如题
求更新微信最新表情😭
您好,请问支持按需加载吗?
vtabs 异步加载 vtabs-content 内容数据 ,内容高度发生变化。但是vtabs初始化是存储的_contentHeight缓存没有发生变化,_heightRecords没有重新计算。导致点击tab时,内容定位错误。
是否可以增加内容高度变更监控,重新计算_heightRecords的方法。
或者将方法暴露出去,
让开发者监控内容高度变化后,重新计算_heightRecords值?
<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>
为什么在开发者里调试好好的,然后用真机 滑倒下一个视频了 还在播放上一个视频,当前视频是暂停状态
1,不支持暂停播放控制
2,不支持无限循环滚动
3,只渲染 3 的 倍数的视频
4,默认定位到第二个视频上,如果要实现热门推荐之类的,第一个最热门的 直接 让用户看不到,除非自己滑上去
5,不支持判断视频分辨路是否竖屏 或者 横屏,很多时候 如果为竖屏的话 需要 设置 objectFit 为 cover 来实现全屏播放,横屏得话就不用了
6,不支持 slot 自定UI 进去,绝大部分情况下 吗,每个视频都有自己的一些 UI ,但是 这个 插件不支持slot 只能一直悬浮 在上面然后 动态改变 ,看上去非常不自然
设置了 CSS position: sticky
的元素,在页面滚动的过程中,当其触到父容器的底部时,会随着父容器滚出屏幕而被推出屏幕,并非直接消失。
1.按照你们的垃圾文档,真的难以编码。
npm i @miniprogram-component-plus/video-swiper --save
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;
}
其他安卓手机和iOS机型表现正常,小米手机不生效
Wechat Version 7.0.19
MIUI 10.2.35
model MI 9
Android 9
Behaviors should be constructed with Behavior()
vtabs 组件定位错误,如何修复呢? 只有四个的时候就能测出来呢
const titles = [
'热搜推荐', '手机数码', '家用电器','生鲜果蔬',
// '酒水饮料', '生活美食',
// '美妆护肤', '个护清洁', '女装内衣',
// '男装内衣', '鞋靴箱包', '运动户外',
// '生活充值', '母婴童装', '玩具乐器',
// '家居建材', '计生情趣', '医药保健',
// '时尚钟表', '珠宝饰品', '礼品鲜花',
// '图书音像', '房产', '电脑办公', ]
扩展组件能不能增加一个电子表格的 ,可以参考web端的jexcel 做一个
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>
比如设置,渲染出来就变成<view id="473ba4c8--xxx"">
搞得没法用wx.createSelectorQuery().in(this).select('#xxx>>>.xxx'),id变随机数字,怎么查询
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.