
uniapp
SeeUa
万般皆是命
展开
-
css中display的显示和隐藏
:style="{display: isSearch}"data() { return { isSearch: true } },hideSearch(scrollTop) { console.log('收到') if (scrollTop >= 200) { console.log('大于200') this.isSearch = 'none' } else { console.log('小于200')原创 2020-08-11 15:06:12 · 548 阅读 · 0 评论 -
uniapp中监听scrool-view滚动和设置样式的一些总结
<scroll-view scroll-y="true" class="content_box" id="content" @scroll="scroll">@scroll是可以监听页面滚动的uniapp内置函数methods: { scroll(event) { //距离每个边界距离 console.log(event.detail) } }但必须给scroll-view设置一个高度,很多时候直接给scroll-view设置样式不生效必须绑定一个clas原创 2020-08-11 14:43:39 · 5031 阅读 · 0 评论 -
uniapp封装原生uni.request网络请求
uniapp封装原生uni.request网络请求目录结构:首先建立request.js文件export default function (options) { var baseUrl = "https://autumnfish.cn" // var baseUrl = "http://musicapi.leanapp.cn" return uni.request({ url: baseUrl+options.url, data:options.data||{},原创 2020-08-03 09:55:53 · 1064 阅读 · 0 评论 -
使用uniapp元素加载等待
官方文档:https://uniapp.dcloud.io/api/ui/prompt?id=showloading开启加载```cssuni.showLoading({title: '加载中'});根据后台发回的数据关闭加载动画if(res[1].errMsg){ uni.hideLoading() }原创 2020-07-29 17:05:40 · 5034 阅读 · 0 评论 -
uniapp将vuex进行封装
actions.jsimport { MusicRequest } from "../api/music.js"import { parseLyric } from "./parseLysic.js"export const actions = { //请求歌曲信息 async getSong(context, id) { const result = await MusicRequest({ url: "/song/detail", data: { ids: id, .原创 2020-07-28 18:31:16 · 924 阅读 · 0 评论 -
如何在uni-app使用vuex
由于uni-app已经内置了vuex,所以只要正确引入就好了。1、在项目的根目录下,创建一个名为store的文件夹然后在该文件夹下创建一个index.js的js文件2、在该js文件下定义公共的数据以及方法函数,并且把它导出import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {}, mutations: {}, actions: {}}原创 2020-07-28 18:27:13 · 748 阅读 · 0 评论