社区
黄菊华的课程社区_NO_4
微信小程序实战-企业站界面设计
帖子详情
企业站界面-首页-最新资讯
黄菊华老师
2023-01-13 00:23:04
课时名称
课时知识点
企业站界面-首页-最新资讯
企业站界面-首页-最新资讯
...全文
120
回复
打赏
收藏
企业站界面-首页-最新资讯
课时名称课时知识点企业站界面-首页-最新资讯企业站界面-首页-最新资讯
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
9.4
资讯
列表
界面
开发
企业
站
uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.4
资讯
列表 本小节主要讲解
资讯
列表页面的制作,效果如图9-12。 布局分析:我们在“
企业
站
首页
-
最新
资讯
”这里分析过类似的布局,我们可以沿用前面的布局和样式;唯一需要变动的是讲区块标题右侧的内容删除。 布局代码如下: <template> <view> <!--
最新
资讯
--区块标题--> <view class='qukuai'> <view class='qukuai-shuxian'></view><
9.1.5
最新
资讯
界面
开发
企业
站
uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.1.5
最新
资讯
最新
资讯
区块效果如图9-6。 布局分析:每条
资讯
分1行2列,左侧放
资讯
标题,右侧放图标;左侧的
资讯
标题占据所有剩余空间,将右侧的图标挤压到最右侧。 布局代码如下: <!--
最新
资讯
--区块标题--> <view class='qukuai'> <view class='qukuai-shuxian'></view><!--区块标题-左侧竖线--> <text class='qukuai-biaoti'>最
9.1.1 广告图
界面
开发
企业
站
uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
本章节主要讲解
企业
站
项目
界面
的制作,主要包括以下页面:
首页
、产品列表和产品详情、案例列表和案例详情、
资讯
列表和咨询详情、关于我们、留言反馈页面。 9.1
企业
站
首页
企业
站
项目
首页
主要包括下面几个模块:广告图、公司简介、
最新
产品、
最新
案例、
最新
资讯
。
首页
效果如图9-1。 9.1.1 广告图
首页
广告图的最终效果如图9-2. 布局代码如下: <!--
首页
-广告图--> <view class='ad01'> <image src='/static/tupian/01
视频教程-微信小程序实战-
企业
站
界面
设计-微信开发
微信小程序实战-
企业
站
界面
设计 04年进入计算机行业。拥有6年net和php...
9.1.2 公司简介
界面
开发
企业
站
uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
9.1.2 公司简介 公司简介区块最终效果如图9-3,公司简介由区块标题和区块内容组成。 布局分析:公司简介、
最新
产品、
最新
案例、
最新
资讯
都会用到“区块标题”,只是每个区块不同,然后标题文字不同,所以我们要单独为该区块写独立的代码和样式,以便于我们公用样式。 布局代码如下: <!--公司简介-区块标题--> <view class='qukuai'> <view class='qukuai-shuxian'></view><!--区块标题-左侧竖线
黄菊华的课程社区_NO_4
1
社区成员
414
社区内容
发帖
与我相关
我的任务
黄菊华的课程社区_NO_4
专注大学生计算机教育和毕业设计辅导
复制链接
扫一扫
分享
社区描述
专注大学生计算机教育和毕业设计辅导
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章