企业站界面-首页-最新产品（1行2列流式布局）

黄菊华老师 2023-01-13 00:23:04

课时名称课时知识点
企业站界面-首页-最新产品（1行2列流式布局）企业站界面-首页-最新产品（1行2列流式布局）
...全文
217 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
unigui入门教程3(布局的使用)
unigui入门视频教程3(布局的使用)
pb界面设计
很好的界面设计。
自定义表单设计器演示版源码（C#）
请先参见演示程序，无需资源分；如果感兴趣，再下载此资源。演示程序下载地址：http://download.csdn.net/source/3043179
9.1.3 最新产品 界面开发 企业站uni-app实战【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】
9.1.3 最新产品 最新产品区块效果如图9-4。 布局分析：最新产品区块的标题我们使用公司简介的代码，区块标题的样式是公用的；产品显示区块，我们这里做一个1行2列的流式布局，也就是我们每个产品的内容占据整个手机宽度的50%，那么1行就可以放2个产品了。 注意：我们每个产品的图片image中添加属性 mode=‘widthFix’ ，表示图片高度自动随图片高度自适应按比例变化。 布局代码如下： <!--最新产品（1行2列流式布局） 开始--> <view class='cp_zuixi
9.2.3 右侧产品 产品列表 界面开发 企业站uni-app实战【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】
9.2.3 右侧产品 我们本小节来填充（虚线框起来部分）右侧产品列表，如图9-10。 布局分析：1列2列的流式布局。 布局代码如下： <!--右侧产品（1行2列流式布局） 开始--> <view class='cp_zuixin'> <navigator url='' class='cp-xiangmu'> <image src='/static/tupian/cp01.jpg' class='cp_tupian' mode='widthFix'
黄菊华的课程社区_NO_4

1

社区成员

414

社区内容

发帖
与我相关
我的任务
社区描述
专注大学生计算机教育和毕业设计辅导
社区管理员
  • 黄菊华老师
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章