![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实训
CHENCHWT
这个作者很懒,什么都没留下…
展开
-
实训第三天 微信小程序组件
今天讲了小程序的几个组件和API,包括轮播图,数据绑定,列表渲染,条件渲染,模板,API接口的获取手机信息和map地图等。这些组件和API的解释和使用方法在微信公众平台都有。1.轮播图组件:swiper老师的实例是在在js页面定义data,wxml页面使用轮播图组件代码引用它js页面代码:Page({ data:{ msg:"Home", id:"txt", in...原创 2019-07-04 13:39:44 · 334 阅读 · 0 评论 -
实训第四天 获取手机信息,地图定位
1.mine页面背景图片在mine.wxml里面<view class="container"><view style='width:100%;height:450rpx'> //图片大小设置<image class='auto-img' src='../../images/bg.jpg' ></image> //图片位置格式引...原创 2019-07-04 13:39:35 · 321 阅读 · 0 评论 -
实训第六天:搜索框布局及功能实现,实现上下滑动
1.实现小程序天气预报搜索框<input class='ipt' placeholder-class='pla' placeholder='请输入城市名,快速查询天气信息' bindconfirm="finish" ></input>wxss.pla{ font-size: 26rpx;}.nav>.img{ width: 40rpx; heig...原创 2019-07-04 13:38:51 · 383 阅读 · 0 评论 -
实训第一天 Html,css,JavaScript学习笔记
一、htmlhtml主要讲了各个元素的意思和使用方法1.一个简单的html文件主要包括<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <!--样式 --> <style type="t...原创 2019-07-04 13:39:20 · 1066 阅读 · 0 评论 -
实训第五天:我的页面布局,API接口(一言,天气预报)
1.不用不用脚本和弹窗获取手机信息,用微信公众平台的组件开发能力 open-data用于展示微信开放的数据。部分代码:<view class="container"><view class='bg'><view class='usericon'><open-data type="userAvatarUrl"></open-da...原创 2019-07-04 13:39:03 · 740 阅读 · 0 评论 -
实训第七天:天气预报小程序实现自动定位和布局完善
实现自动定位:接入腾讯地图的api,并申请一个key获取位置接口和经纬度,用位置服务逆解析出ip地址,再将ip地址传值到获取实况天气的接口代码:// wx获取位置接口 wx.getLocation({ success: function (res) { // 获取到经纬度 console.log(res); // 逆地址解析 ...原创 2019-07-04 13:38:42 · 676 阅读 · 1 评论 -
实训第二天 微信小程序环境搭建和骰子布局
一、小程序基本环境搭建自己在微信公众平台注册了一个发布小程序的邮箱。并从微信公众平台上下载微信开发工具并在其运行。实现的页面和开发工具主要源码:assets文件有一个icons的文件夹,里面存放着图标;pages文件分为分类的页面classify文件夹,首页页面index文件夹,购物车页面shopcat文件夹,我的页面mine文件夹,每个文件夹都有一个js,json,wxml,wxss文件。最...原创 2019-07-04 13:39:11 · 935 阅读 · 0 评论 -
实训第八天:电商美图外卖小程序
1.实现页面下滑滚动<scroll-view style='height:100%;' scroll-y="true" bindscroll="scrollTopfun">2.实现搜索框并实现下滑时固定在顶部<view class="scout {{top>=20? 'fixed' :'' }}" bindtap="newpage">//表示距离顶部130rp...原创 2019-07-04 13:36:36 · 313 阅读 · 0 评论