随笔分类 - 微信小程序:山农校园通
这是我大二写的小程序
六,用户界面
摘要:1.用户的图片展示: 调云了微信的登录接口getUserInfo得到对应的用户头像和用户微信名,然后用高斯模糊和图形处理实现样式。<!-- pages/user/index.wxml --><!-- 登录模块开始 --><view class="user_info_wrap"> <view wx:i
阅读全文
五.留言:
摘要:1.留言展示页面的数据渲染: 查询对应留言墙数据库中的全部内容,利用微信的wx.for()方法展示结果集中全部的数据以相同的样式呈现。 <view class="center_1"><button bindtap="LOVE">写下心里的声音</button></view> <!--信息 --> <
阅读全文
四:详细信息页面:
摘要:1.左侧的导航栏和相应的提示窗口: 运用了Van3中的van-sidebar、van-dialog、van-switch、van-cell-group、van-field组件。然后将对应的数据修改到对应的数据库。其中使用的数据上传到对应的数据库进行修改,这里先依据每个数据的不同的_id,然后再相应的
阅读全文
三:信息收集页面
摘要:每个收集数据的表单: 每一个收集数据的表单都运用了Van3的组件van-cell-group、van-field,然后对与每个数据与page中data进行数据绑定,然后在添加到数据库中先进行判断填入的内容不能为空,并非空和成功提交分别给出相应的提示。 //初始化数据库let name1="";//姓
阅读全文
二.个人订单展示页面:
摘要:1.弹出层的多选框: 运用了Vant3的组件和van-cell、van-popup、van-pick,对于显示在页面中选择的信息采用微信的数据绑定this.setData()动态的修改数据。<van-cell title="你的大学:{{daxue}}" is-link bind:click="sh
阅读全文
一:首页:
摘要:基本的页面的展示用了微信和Vant3中的组件: 1:轮播图:swiper和swiper-item 2:九宫格的页面功能区和公告: Vant3中的van-divider、van-notice-bar <!-- 滑动图 --><view class="meau_1"> <view> <swiper in
阅读全文