微信小程序
森海北屿 ღ
热爱可抵岁月漫长
展开
-
微信小程序-生成分享海报
实现主页面点击分享按钮,跳转至海报预览和保存页面。分享按钮点击事件代码:// shareImage为图片网络地址,跳转页面是作为参数传递 creatPoster(){ // 每日英语生成海报 const shareImage=this.data.shareImage if(shareImage){ wx.navigateTo({ url: '../poster/poster?shareImage=' + shareImage, }) }原创 2021-06-25 16:57:33 · 534 阅读 · 0 评论 -
微信小程序-(js和wxml中)utils公共方法使用
通过开发者工具快速创建了一个 QuickStart 项目时,会生成一个utils/util.js文件。util.jsconst formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes()原创 2021-06-24 20:42:32 · 4247 阅读 · 0 评论 -
微信小程序-api请求统一配置
1.项目中新建目录wapi/main.js,内容如下:// 小程序开发api接口统一配置const API_BASE_URL = 'https://' // 主域名let subDomain = '' // 子域名,没有就等于'',如果你的域名是: https://www.baidu.com/cn 那么这里只要填写 cnconst request = (url, method, data) => { let _url = API_BASE_URL + subDomain + url原创 2021-06-24 20:04:04 · 708 阅读 · 0 评论 -
微信小程序-实现文字滚动
效果图:.wxml<view class="history_txt"> <swiper class="tab_right" vertical="true" autoplay="true" circular="true" interval="3000" display-multiple-items='4'> <view> <block wx:for='{{historyTodayData}}' wx:key="year">原创 2021-06-24 19:34:41 · 406 阅读 · 0 评论 -
微信小程序-时间轴样式实现
实现效果:wxml代码:<view class='history_con'> <block wx:for="{{historyTodayData}}" wx:key="year" data-index="{{index}}"> <view class='history_item_list'> <text class="iconfont icon-timefill "></text> <view cla原创 2021-03-20 16:52:51 · 961 阅读 · 0 评论 -
微信小程序-引入iconfont图标
在微信小程序开发过程中想要使用阿里巴巴图标库中更为丰富的图标素材,需要引入iconfont图标库,具体操作如下:点击进入iconfont官网,注册账号新建项目,这部分不做赘述;新建项目成功后如下所示:3.将项目下载至本地,解压后放在小程序项目目录下,这里我放在新建的assets文件夹下。4.在微信小程序中新建一个iconfont.wxss文件,并将上图iconfont.css中的代码复制进去。5.在app.wxss中引入图标库样式,注意文件路径。6.使用时添加类名即可显示所需要的图标原创 2021-03-20 16:24:46 · 527 阅读 · 0 评论