设置了卡片布局，连成一片！！！

962611424

设置了卡片布局，连成一片！！！

liangyongfei

你使用这个案例测试一下
/UI2/system/components/justep/list/demo/news.w

设置和不设置 x-cards
就是显示风格不一样而已！他是卡片风格的！！

其他list案例：
/UI2/system/components/justep/list/demo/list.w
参考下
请问你想要怎样的list显示风格呢？

962611424

liangyongfei 发表于 2017-6-16 11:13
你使用这个案例测试一下
/UI2/system/components/justep/list/demo/news.w

我想要的是记账本这样的卡片布局 有一条分割线的 视频中老师设置了卡片式布局样式就出来了啊 为什么我的不行

liangyongfei

962611424 发表于 2017-6-16 11:25
我想要的是记账本这样的卡片布局 有一条分割线的 视频中老师设置了卡片式布局样式就出来了啊 为什么我的 ...

我用这个案例！是在x-cards 属性后！是能正常显示这样的样式的！

你修改资源后有没有吧保存呢？？
是在studio 中启动的tomcat吧！
不会是缓存没生效吧！

自己在css中重写它的样式，还可以修改颜色等

1. .x-cards {
   
2.     background-color: #B31313;
   
3. }

复制代码

962611424

liangyongfei 发表于 2017-6-16 11:37
我用这个案例！是在x-cards 属性后！是能正常显示这样的样式的！

你修改资源后有没有吧保存呢？？

还是不行 我自己写样式了  我只是觉得记账本那个样式好看

liangyongfei

962611424 发表于 2017-6-16 11:46
还是不行 我自己写样式了  我只是觉得记账本那个样式好看

可能是版本不一样吧，效果和视频有差异！！你是最新版本吗？？

另外这个案例是试过没
/UI2/system/components/justep/list/demo/news.w

是否正常呢？

962611424

liangyongfei 发表于 2017-6-16 12:01
可能是版本不一样吧，效果和视频有差异！！你是最新版本吗？？

另外这个案例是试过没

没有分割线的：我的是3.6版本的

您说的两个list页面效果是这样

liangyongfei

962611424 发表于 2017-6-16 16:22
没有分割线的：我的是3.6版本的

您说的两个list页面效果是这样

那你自定义 实现吧！
我这里测试的是3.7版本！
http://bbs.wex5.com/forum.php?mo ... &extra=page%3D1

1138127608

liangyongfei 发表于 2017-6-16 16:38
那你自定义 实现吧！
我这里测试的是3.7版本！
http://bbs.wex5.com/forum.php?mod=viewthread&tid=12280 ...

您好  我实现不了 设置了list都是整个list都变了  每个list项之间没有间隔 都是连起来的

liangyongfei

1138127608 发表于 2017-6-23 09:34
您好  我实现不了 设置了list都是整个list都变了  每个list项之间没有间隔 都是连起来的 ...

我使用3.6版本测试过的！
/UI2/system/components/justep/list/demo/news.w
这个案例，设置list组件的class属性为   "x-list x-cards"
是可以正常显示分割线的啊！

请问你是启动调试模式的tomcat吗？或者studio中启动tomcat
确认一下不是缓存的原因吧！

要不重新解压个版本试试吧！
我这里测试3.6  和 3.7都是正常的！