追格小程序中对常用的几种滚动图,做了统一的滚动视图小程序组件(components/zhuige-scroll-ad.vue),用于各种类型的滚动图文广告,包括:商品推荐,文章推荐,群组推荐,专栏推荐,自定义广告等。为了便于用户对这类滚动视图的应用和管理,统一放到了一个组件里。那么,我们该如何修改追格小程序模板,来符合自己的设计需求呢?
一、可以通过修改zhuige-scroll-ad组件中的样式,和对应样式判断全局,按需调整滚动图进行优化。
我们可以打开components/zhuige-scroll-ad.vue文件,文件中对各种应用场景,对应控制方法,对应css均有详细注释,如下参考,更多说明可以打开zhuige-scroll-ad.vue文件查看。
<!-- 圈子推荐 class 增加 zhuige-scroll-coterie -->
<!-- 自定义滚动广告 大商品 首页用; 基础不变,在 zhuige-scroll-ad 后增加 zhuige-scroll-goods -->
<!-- 自定义滚动广告 小商品 圈子列表,帖子详情,个人主页
基础不变,在 zhuige-scroll-ad 后增加 zhuige-scroll-goods -->
二、也可以通过在zhuige-scroll-ad组件的具体调用页面中,对zhuige-scroll-ad组件增加外容器,通过父容器对内容器元素的控制,对具体页面中多个zhuige-scroll-ad组件进行差异化展示。
比如我们在首页插入多个<zhuige-scroll-ad></zhuige-scroll-ad>组件来满足我们自定义广告的时候,如果默认组件支持的展示形式不能满足需求,可以通过父容器来控制展示差异。
<view class="zhuige-cust-scroll-block">
<!-- 新增自定义滚动外容器,通过外容器控制内部展示 -->
<zhuige-scroll-ad></zhuige-scroll-ad>
</view>
<view class="zhuige-mini-scroll-block">
<!-- 新增自定义滚动外容器,通过外容器控制内部展示 -->
<zhuige-scroll-ad></zhuige-scroll-ad>
</view>
对应的,我们要增加新的css来控制
.zhuige-cust-scroll-block .zhuige-scroll-ad-block {
width: 42%!important;
/** 这里的宽度是每个滚动块的宽度 **/
}
.zhuige-mini-scroll-block .zhuige-scroll-ad-block {
width: 30%!important;
height: 300rpx!important;
/** 这里的宽高是每个滚动块的宽高 **/
}
.zhuige-mini-scroll-block .zhuige-scroll-ad-block .cover-image {
border-radius: 0!important;
/** 滚动块里的图片设置为直角 **/
}
-
微信评价组件:提示此插件已设置不可添加追格小程序全模块用户反馈,说微信评价组件:提示此插件已设置不可添加
-
追格小程序:积分商城发布产品报错,WordPress database error Table 'wp_zhuige_xcx_promotion_log' doesn't exist近期有追格小程序用户反馈,积分商城发布产品报错,大致提示如下:WordPress database error Table 'wp_zhuige_xcx_promotion_log' doesn't exist
-
追格小程序建圈、发帖、商城发布商品报错 Warning: Undefined variable $result in追格小程序建圈、发帖、商城发布商品报错Warning: Undefined variable $result in /www/wwwroot/xly/wp-content/plugins/zhuige-xcx/public/class-zhuige-xcx-public.php on line 159
-
【重要通知】追格小程序更新提示因uni组件更新,追格小程序部分模块样式出现异常。我们已定位问题并正优化中,给您带来不便敬请谅解。感谢支持与理解!追格团队将持续努力,优化产品体验,期待更快与您相见。
-
追格小程序V2.5.0更新发布追格小程序V2.5.0版本的更新,我们没给大家添太多新花样,主要是把“内功”练好了。我们认真检查了上一版里那些组件之间的小摩擦,一点点地调整、优化,搞定了超过40多个小地方。这样一来,小程序跑起来就更顺畅了,大家用起来也会感觉更舒服、更顺手。这次虽然没大张旗鼓,但确实是让产品站得更稳、更可靠了。
-
追格小程序V2.5.8更新发布追格小程序是一款采用积木式理念的微信小程序构建框架,它巧妙融合了Uniapp与WordPress技术,打造出一个开源且无加密限制的开发环境。
暂无评论,抢个沙发...