追格小程序滚动视图组件该如何修改 并符合自己的设计需求

追格小程序中对常用的几种滚动图，做了统一的滚动视图小程序组件（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;
/** 滚动块里的图片设置为直角 **/
}