小程序问题汇总https://www.yujianni.top/news/comp_search.html?keywords=%E5%B0%8F%E7%A8%8B%E5%BA%8F
swiper轮播图不显示,如何解决?[图片][图片][图片]在后台查看,数据是有的 [图片][图片]
2020-12-30<!-- 轮播 --> <view class="lunbo"> <swiper class='swiperClass' autoplay interval="3000" indicator-color="#a39f99" indicator-active-color="#f49641" indicator-dots duration="1000" previous-margin="30rpx" next-margin="30rpx" circular bindchange="bindchange" style='height: {{swiperHeight}}rpx'> <block wx:for="{{imgUrls}}" wx:key="{{index}}"> <swiper-item> <image src="{{item}}" class="slide-image {{swiperIndex == index ? 'active' : 'quiet'}}" mode='aspectFill'> </image> </swiper-item> </block> </swiper> </view> <!-- 轮播 --> https://www.yujianni.top/news/comp_artinfo.html?id=530
swiper轮播组件问题?在使用swiper组件时,一共有3张图片,并且设置了display-multiple-items=3,现在是想让这三张图在本页面进行轮播,如何进行实现。问题代码片段让代码片段中的123进行循环轮播https://developers.weixin.qq.com/s/qVacJxmu72iy
2020-12-30wxml文件下js文件下 f1.getWeeklyById(id, res => { let content = res.content; this.setData({ weeklyDetail: res }) 转载地址:https://www.yujianni.top/news/comp_artinfo.html?id=193
图片和说明文字之间行距太大,请教字体大小想调成14PX(原64PX),行距想调成1.5老调不好?微信推文《华农体育砥砺奋进六十载图片展》的图片和说明文字之间行距太大,字体大小想调成14PX(原64PX),行距想调成1.5老调不好,为什么?能帮忙调好吗?
2020-12-301、将图片转换为块级对象 即,设置img为: display:block; 在本例中添加一组CSS代码: #sub img {display:block;} 2、设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决。如本例中增加一组CSS代码: #sub img {vertical-align:top;} 3、设置父对象的文字大小为0px 即,在#sub中添加一行: font-size:0; 可以解决问题。但这也引发了新的问题,在父对象中的文字都无法显示。就算文字部分被子对象括起来,设置子对象文字大小依然可以显示,但在CSS效验的时候会提示文字过小的错误。 4、改变父对象的属性 如果父对象的宽、高固定,图片大小随父对象而定,那么可以设置: overflow:hidden; 来解决。如本例中可以向#sub中添加以下代码: width:88px;height:31px;overflow:hidden; 5、设置图片的浮动属性 即在本例中增加一行CSS代码: #sub img {float:left;} 如果要实现图文混排,这种方法是很好的选择。 6、取消图片标签和其父对象的最后一个结束标签之间的空格。 转载地址:https://www.yujianni.top/news/comp_artinfo.html?id=193
公众号文章排版时插入小程序,如何去除图片之间的缝隙?[图片]就像这样插入小程序后中间有条缝,图片是在秀米排版好无缝图复制进去的,添加了小程序后就会出现一条缝,调整左右浮动也还是这样,咋办?求详细的教程~~
2020-12-30微信小程序,滑动选项卡案例 <view class="tabbox"> <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}"> <view class="tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="swichNav">推荐<view></view></view> <view class="tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="swichNav">电视剧<view></view></view> <view class="tab-item {{currentTab==2?'active':''}}" data-current="2" bindtap="swichNav">电影<view></view></view> <view class="tab-item {{currentTab==3?'active':''}}" data-current="3" bindtap="swichNav">综艺<view></view></view> <view class="tab-item {{currentTab==4?'active':''}}" data-current="4" bindtap="swichNav">动漫<view></view></view> </scroll-view> <swiper class="tab-content" current="{{currentTab}}" duration="300" bindchange="switchTab" style="height:{{winHeight}}rpx"> <swiper-item> <scroll-view scroll-y="true" class="scoll-h"> <view class="item-ans"> <!-- 首页2 --> 1 <!-- 首页2 --> </view> </scroll-view> </swiper-item> <swiper-item> <scroll-view scroll-y="true" class="scoll-h"> <view class="item-ans"> <!-- 首页2 --> 2 <!-- 首页2 --> </view> </scroll-view> </swiper-item> <swiper-item> <scroll-view scroll-y="true" class="scoll-h"> <view class="item-ans"> <!-- 首页3 --> 3 <!-- 首页3 --> </view> </scroll-view> </swiper-item> <swiper-item> <scroll-view scroll-y="true" class="scoll-h"> <view class="item-ans"> <!-- 首页4 --> 4 <!-- 首页4 --> </view> </scroll-view> </swiper-item> <swiper-item> <scroll-view scroll-y="true" class="scoll-h"> <view class="item-ans"> <!-- 首页5 --> 5 <!-- 首页5 --> </view> </scroll-view> </swiper-item> </swiper> </view> [图片] 地址:https://www.yujianni.top/news/comp_artinfo.html?id=532
小程序 vtabs组件滑动跳转混乱?使用官方提供的vtabs 示例中的代码,开发垂直滑动选项卡。 右侧内容项中的高度是根据内容的大小随机设定的,然后就会出现选项卡切换混乱的问题,当给右侧内容项设定固定高度时,又没有问题。 请问存在什么bug呢?
2020-12-30