厦门电信网站备案,网站后台源码,网站建设 外包 厦门,关于网站建设的策划案小程序还有一类需求就是展示服务的列表#xff0c;我们这里用图文卡片组件来实现#xff0c;我们先要添加一个标题#xff0c;使用网格布局来实现 第一列添加一个文本组件#xff0c;第二列添加一个图标组件 修改文本组件的文本内容#xff0c;设置外边距 设置第二列的样式…小程序还有一类需求就是展示服务的列表我们这里用图文卡片组件来实现我们先要添加一个标题使用网格布局来实现 第一列添加一个文本组件第二列添加一个图标组件 修改文本组件的文本内容设置外边距 设置第二列的样式为右对齐设置图标的外边距 标题设置好之后添加一个图文卡片 图文卡片的内容我们需要从数据源中读取因此先创建一个数据源字段参考如下 录入测试数据 定义变量类型选择对象从服务内容读取方法选择查询列表 删掉图文卡片的图文内容我们用表达式绑定数据 $page.dataset.state.service.records.map((item,index){return {des:¥item?.fwjg,title: item?.bt,icon: item?.zstp,insideUrl: ,tapStatus: inside,withParams: true, params: [{}]}
})最后放一个tab栏组件用来设置我们的导航菜单 菜单分别设置成首页、分类、资讯、我的 这里要注意的是默认选中我们选择首页而且菜单里的跳转也需要选择首页才会出现首页被选中的效果
我们本篇就把首页的效果都实现完毕了首页分为四部分内容分别是轮播图、宫格导航、图文卡片和tab栏尤其显示内容的时候都需要从数据源读取。
从数据源读取的好处是我们的内容可以动态维护而且微搭提供了企业工作台可以提供网页后台的功能这样运营人员就可以按照企业的日常需要不断的更新信息也方便维护。