11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面

小程序首页公告详情页面

本教程均在第一节中项目启动下操作

  • 小程序首页公告详情页面
  • 前言
  • 一、添加界面,布局
    • 1.设定组件样式:
    • 数据绑定
  • 二. 新增接口
  • 三:绑定公告
  • 四.查看效果
  • 五.动态参数设置 :之前是指定了公告单条数据
    • 2.优化还在那时详情页

      标签:

      • 借助工具查看,清空绑定
      • 修改内容数据,用于定位
      • 3.查看源码:展示字段设置为:
      • 4. 对比公告标题 修改 为 :
  • 六.效果展示:
  • 本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

前言

    话不多说,直接实操。

一、添加界面,布局

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第1张图片

1.设定组件样式:

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第2张图片

数据绑定

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第3张图片
11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第4张图片

二. 新增接口

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第5张图片

三:绑定公告

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第6张图片

四.查看效果

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第7张图片

五.动态参数设置 :之前是指定了公告单条数据

##1.查看源码: globalOption 重点****
11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第8张图片
11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第9张图片

2.优化还在那时详情页

标签:

借助工具查看,清空绑定

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第10张图片

修改内容数据,用于定位

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第11张图片

3.查看源码:展示字段设置为:

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第12张图片

4. 对比公告标题 修改 为 :

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第13张图片

六.效果展示:

11.DIY可视化-拖拽设计1天搞定主流小程序-小程序首页公告详情页面_第14张图片

本文章原自bilibli作者视频整理,已通过作者同意,挂载视频地址

你可能感兴趣的:(uniapp可视化,小程序,微信小程序)