soos的博客

.goods-list-box{ background: #F1F1F1; padding-top: 20rpx; // 列数 column-count: 2; // 间隔 column-gap: 18rpx; padding-left: 30rpx; padding-right: 30rpx; .goods-list-item{ // 避免在元素内部插入分页符。 break-inside: avoid; background: #FFFFFF; .

uni.showToast(OBJECT)显示消息提示框OBJECT参数说明参数 类型 必填 说明 平台差异说明 title String 是 提示的内容，长度与 icon 取值有关。 icon String 否 图标，有效值详见下方说明。 image String 否 自定义图标的本地路径（app端暂不支持gif） App、H5、微信小程序、百度小程序 mask Bool...

第一种：行内样式，通过placeholder-style直接修改。<input type="text" placeholder="请输入关键词" placeholder-style="color: #C0C0C0" />第二种：css外联样式，通过placeholder-class进行css样式的修改。<input type="text" placeholder="请输入关键词" placeholder-class="pcs"/>...

第一步：uni.request()封装https.jsmodule.exports = (param) => { var url = param.url; var method = param.method; var header = param.header || {}; var data = param.data || {}; // 请求方式: GET POST if(method){ method = method.toUpperCase(); // 小写转成大写

uniapp也可以使用iconfont字体，关于iconfont怎样下载参考：iconfont图标字体下载下载好之后将iconfont.css和iconfont.ttf复制到项目的static文件夹下，1.修改iconfont.css中字体的路径（如src: url('~@/static/iconfont/iconfont.ttf') format('truetype');）。2.在App.vue中引用iconfont.css， @import ''（全局样式，以便多个页面使用）。3.添加.

我们知道uni-app使用vue的语法+小程序的标签和API，这里补充一下vue相关常用的内容。数据绑定：<template> <view class=""> <!-- 文本插值绑定 --> <view class="">message:{{msg}}</view> <!-- js表达式绑定 --> <view class="">{{num+1}}</view> <view.

这里通过一个有关新闻的一个小案例快速入门uniapp。前面的步骤不再叙述，直接上干货:首先是新闻列表页index.vue<template> <view class="content"> <view class="uni-list"> <view class="uni-list-cell" @tap="openinfo" :data-newsid="item.post_id" hover-class="uni-list-cell-hover

将js工具函数写在根目录的common文件夹下,如util.js，内容如下：function formatTime(time){ //业务逻辑 return time;}//导出函数module.exports={ //formatTime:formatTime formatTime//es6缩写形式}在vue页面文件引入外部js文件：<template> <view class=""> 调用外部脚本文件 </view></

UniApp官网：https://uniapp.dcloud.iouni-app使用vue的语法+小程序的标签和API开发规范为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app约定了如下开发规范：页面文件遵循Vue 单文件组件 (SFC) 规范 组件标签靠近小程序规范，详见uni-app 组件规范 接口能力（JS API）靠近微信小程序规范，但需将前缀wx替换为uni，详见uni-app接口规范 数据绑定及事件处理同Vue.js规范，同时补充了App及页...