YanHSama的博客

全局变量的定义 在app.ts 文件中设置，globalData对象就是存储全局变量的。 设置全局变量的值 全局变量的使用

点击获取当前设备信息 真机调试

设置底部导航栏 设置图标Icon属性 "iconPath":"icon/shouye.png", "selectedIconPath":"icon/shouye.png" 基础组件 轮播图组件 components/swiper/swiper.wxml <!--components/swiper/swiper.wxml--> <text>{{text}}</text> <swiper indicator-dots="{{indicatorDo

用户背景区域 <!-- 背景 --> <block wx:if="{{userInfo.userInfo}}"> <view class="myBackground" > <image mode="widthFix" class="headPic" src="{{userInfo.userInfo.avatarUrl}}" /> <view class="userName" >{{userInfo.user.

效果展示 步骤1：

效果展示 步骤1：获取相关数据 onLoad: function (options) { // console.log(options.goodsid,typeof options.goodsid) let goodsid=Number(options.goodsid) // console.log(goodsid) let params={ goods_id:goodsid } let url='https://api-hmugo-web.

效果展示 步骤1：获取相关产品列表数据 onLoad: function (options) { console.log(options) let pid=Number(options.pid) this.setData({ pid:pid }) console.log(typeof pid,pid) let url='https://api-hmugo-web.itheima.net/api/public/v1/goods/search'

粗略效果演示 从后端获取数据 // 分类数据获取 let promise=getRequest('https://api-hmugo-web.itheima.net/api/public/v1/categories') promise.then((res)=>{ console.log(res) this.setData({ classifyData:res.data.message }) }) 将导航数据渲染到页面

效果展示 步骤1：从后端获取楼层数据，并将数据保存到页面data中 // 楼层 let promise3=getRequest('https://api-hmugo-web.itheima.net/api/public/v1/home/floordata') promise3.then((res)=>{ // console.log(res) this.setData({ louceng:res.data.message }

展示效果 从后端获取数据 // 分类导航内容 let promise2=getRequest('https://api-hmugo-web.itheima.net/api/public/v1/home/catitems') promise2.then((res)=>{ // console.log(res) this.setData({ classify:res.data.message }) }) 将数据渲染到页面

效果演示 获取数据 // 获取轮播图图片资源 let promise1=getRequest('https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata') promise1.then((res)=>{ // console.log(res) this.setData({ lunbo:res.data.message }) }) 将数据渲染到页面

效果 定义组件 <view class="searchArea"> <input class="inputContent" placeholder="请输入需要查询的商品名称" /> <text class="btn">搜索</text> </view> 组件样式 .searchArea{ height: 15%; width: 100%; background-color: rgb(109, 19, 1

展示效果 底部导航配置 "tabBar":{ "list":[ { "pagePath":"pages/index/index", "text":"首页", "iconPath":"icon/shouye.png", "selectedIconPath":"icon/shouye.png" },{ "pagePath":"pages/classify/classify", "

全局 globalData: { developAdmin:'YanHilin', hotMusic:[],//热歌 musicData:[], audio:myaudio, searchData:[], lyricData:'',//字符串 singerImg:'' } 局部页面 let app=getApp() data: { lyric:'' }, onLoad: function (optio

定义compont <view class="audiopaly"> <button bindtap="isplay">播放|暂停</button> <text bindtap="preplay">上一首</text> <text bindtap="nextplay">下一首</text> </view> 页面中使用

微信小程序实现音乐项目