请教一下如何进行页面排版

Onchien

请问仿淘宝、仿途牛案例中的首页轮播图是怎么做的？不使用现成的案例，直接使用空白页面。


首先新建了一个index.w，然后添加一个panel(布局下的panel，不是bootstarp的panel），删除top，添加buttongroup。

然后在panel自带的contents里添加content，到这步都是按照腾讯公开课的教程内容完成了。

然后继续在content里面添加了两个panel，一个叫bannerPanel,一个叫adPanel，都删除了top和bottom，只留下content作为排版用的容器。

在style里面把bannerPanel的hight高度属性设置为300px，然后在其中添加了一个carousel组件。

carousel组件“跑出去了”，直接充满了整个content，没有受到bannerPanel的高度300px的约束。请问这是怎么回事呢？直接对carousel设置高度？还是应该对图片设置高度？

谢谢大神赐教！

liangyongfei

你自己拖放一个 组件  和 仿途牛案例中的 carousel 组件对比下就能发下！！
它添加了两个不同的class属性：carousel iBanner

Onchien

liangyongfei 发表于 2016-4-25 09:54
你自己拖放一个 组件  和 仿途牛案例中的 carousel 组件对比下就能发下！！
它添加了两个不同的class属性： ...

谢谢版主，像途牛案例中的iBanner、image-wall等CSS属性是在哪里定义的呢？输进去有反应，但是找不到在哪里。

bfq1306

Onchien 发表于 2016-4-25 19:01
谢谢版主，像途牛案例中的iBanner、image-wall等CSS属性是在哪里定义的呢？输进去有反应，但是找不到在哪 ...

iBanner是自定义样式，没用可以删除

image-wall是平台样式，在/UI2/system/components/comp.min.css文件中，设置宽度100%