第二天:

今天我是先看了看微信小程序官网的开发手册,然后把微信学院的小程序入门课程的名片小程序在自己的电脑上实现了一遍:

index.wxml 文件

<view class="card"><image class="bg" src="../../image/bg.png" mode="widthFix"></image><image class="logo" src="../../image/logo.png" mode="widthFix"></image><view class="info"><view class="name">微信小程序</view><view class="desc">开发学习</view><view>第二天</view></view>
</view>

index.wxss 文件


.card{margin: 10px;position:relative;
}
.bg{width: 100%;border-radius: 5px;box-shadow: 0 0 5px #5f687e;
}
.logo{width: 80px;position: absolute;top: 10px;right: 20px;border-radius: 5px;
}
.info{position: absolute;left: 30px;bottom: 30px;font-size: 16;color: #5f687e;
}
.name{font-weight: bold;
}
.desc{margin-bottom: 5px;
}

总结:说实话一步一步跟着教程做没有难度,其中知识点在目前对我来说还是不太熟悉,因此这篇就不写知识点了。其实知识点有点多,但是我也只是有个概念而已,怎么写无从下手,日后有机会再补上

微信小程序开发学习第二天 按部就班的名片小程序相关推荐

  1. 【微信小程序开发学习篇】

    微信小程序开发学习篇 概述 相关信息 笔记制作时间:2022-9-25 参考视频:黑马视频 参考文档:微信小程序官方开发文档 文章目录 微信小程序开发学习篇 概述 相关信息 小程序基础 1.数据绑定与 ...

  2. 微信小程序开发学习1(小程序的入门知识)

    微信小程序开发学习1(小程序的入门知识) 1.制定学习目标: 能够知道如何创建小程序项目 能够清楚小程序项目的基本组成结构 能够知道小程序页面的几个组成部分 能够知道小程序中常见的组件如何使用 能够知 ...

  3. 微信小程序开发学习5(自定义组件)

    微信小程序开发学习5(自定义组件) 1.学习目标 能够知道如何自定义小程序组件 能够知道小程序组件中behaviors的作用 能够知道如何安装和配置vant-weapp组件库 能够知道如何使用MobX ...

  4. 微信小程序开发学习4(视图与逻辑)

    微信小程序开发学习4(视图与逻辑) 1.学习目标 能够知道如何实现页面之间的导航跳转 能够知道如何实现下拉刷新效果 能够知道如何实现上拉加载更多效果 能够知道小程序中常用的生命周期函数 2.页面导航 ...

  5. web前端-微信小程序开发学习

    web前端-微信小程序开发学习 1. 小程序的概述 2. 小程序的项目结构 2.1 小程序项目结构分析 2.2 WXML模版 2.3 小程序的宿主环境 3. 组件 3.1 视图容器类组件 3.2 常用 ...

  6. 微信小程序开发学习6(基础加强之使用npm包和全局数据共享及分包【Tab底栏案例改进】)

    微信小程序开发学习6(基础加强之使用npm包和全局数据共享及分包) 1.使用npm包 小程序对npm包的支持 目前,小程序中已经支持使用p安装第三方包,从而来提高小程序的开发效率.但是,在小程序中使用 ...

  7. 微信小程序开发学习2(模板与配置)

    微信小程序开发学习2(模板与配置) 1.学习目标 能够使用WXML模板语法渲染页面结构 能够使用WXSS样式美化页面结构 能够使用app,json对小程序进行全局性配置 能够使用page.json对小 ...

  8. bilibili微信小程序开发学习总结

    bilibili微信小程序开发学习总结 用来半天学习了微信小程序模仿做了个B站小程序,其实如果有编程基础特别熟悉Vue语法与web的话那小程序基本就是随便玩玩,整体写法与vue一致,页面搭建与web也 ...

  9. 微信小游戏开发学习记录2

    接上一篇:微信小游戏开发学习记录_寂静流年韶华舞的博客-CSDN博客_微信小游戏开发学习 目录 一.UI系统 1.基础渲染组件-精灵组件 (1)操作: (2)Sprite 属性 (3)渲染模式 2.L ...

最新文章

  1. 物联网奇点:给物联网设备使用的Docker
  2. 将您重定向的次数过多什么意思_电池循环次数是什么意思?怎么计算的?
  3. JavaScript实现combine With Repetitions结合重复算法(附完整源码)
  4. MySQL命令梳理_MySQL操作命令梳理(1)
  5. 手机各种JS语法,随时更新
  6. 地板之间出现缝隙如何处理?
  7. 在线数值列表求和工具
  8. asp车辆租赁-汽车租赁管理系统
  9. 小呆聚合支付系统免签约即时到账多商户支付系统v6.5+监控软件+教程
  10. 台式计算机无线网卡,台式机无线网卡怎么选 台式机无线网卡选购指南
  11. mapgis考试111
  12. MATLAB批量读取文件夹名,文件名,文件数据
  13. Windbg 2进程线程结构分析
  14. 【MySQL】如何构建一个完整的MySQL知识体系(MySQL专栏启动)
  15. 看这里!你的手机号关联了多少互联网账号?一证通查→
  16. Windows 11 安装 SlowFast
  17. 命令行检查win10自动唤醒原因
  18. 导向滤波快速导向滤波及引导图的选择
  19. 关于ie浏览器的插件IEDevToolBar 安装问题
  20. photoshop中画矩形边框

热门文章

  1. MATLAB基础--MATLAB图像处理基础
  2. 如何防御DDOS等流量攻击
  3. eclipse Build Automatically在哪里
  4. appium解决socket hang up,正确解决姿势
  5. java运算符与数字分解,看完对java更加有信心了(主除以和取余的理解)
  6. idea中vue文件 游览器图标_vue项目中icon图标的完美引入
  7. google android 系统介绍
  8. 洛谷 P2708 硬币翻转
  9. python-request(基本用法)
  10. 领域驱动设计战术模式:领域事件