liuye066的专栏

在uni-app中使用web-view 组件，默认铺满全屏并且层级高于前端组件，会遮挡页面上的其他组件。在官网中写明：app-vue下web-view组件不支持自定义样式，默认充满屏幕不可控制大小；nvue web-view 必须指定样式宽高具体示例：代码：直接在UI上使用webview组件，也是默认全屏，需要动态加载。先新建一个component.nvue文件：<template> <div> <view class="intro"&g

1。自定义确认框和提示框根据传入的type来判断是确认框或提示框<template> <transition name="confirm-fade"> <div v-if="isShowConfirm" class="my-confirm" @click.stop="clickFun('clickCancel')"> <div class="confirm-content-wrap" @click.stop>

VUE中，在一个页面打开弹框，在弹框中上下滑动，下方页面会跟着滑动。解决办法：在main.js中加入代码：//弹出框禁止滑动Vue.prototype.noScroll = function () { var mo = function (e) { e.preventDefault() } document.body.style.overflow = 'hidden' document.addEventListener('touchmove', mo, false)// 禁止页面

1。在类组件中打开抽屉组件的方法：使用state来设置显示与否。setState来改变状态import { Drawer, Button } from 'antd';import React from 'react'class DrawerDemo extends React.Component { state = {visible:false} showDrawer = () => { this.setState({ visib

在函数组件中根据onClick里调用的函数的写法不同，onClick={}里有多种调用方式。第一种函数： function jump(url,event) { goToPage(url); }当onClick={}里调用这个函数时，有两种写法：（1）方法名.bind(this,参数)<table onClick={jump.bind(this,goods.link)}>如果直接用方法名(参数)调用的话，打开页面，该方法自动执行。&l

在React中使用echarts图表，制作一张24小时天气曲线图，显示温度，湿度曲线和各个小时的天气情况和具体温度；描述：设置了3个x轴，设置了时间，温度，天气效果图：1. 安装：npm install --save echarts-for-reactnpm install echarts --save2. 在图表页面引入Echartsimport React from 'react';import ReactEcharts from 'echarts-for-r.

一. 使用 create-react-app 快速构建 React 开发环境npm install -g create-react-appcreate-react-app my-appcd my-app/npm start你也可以直接使用 Staticfile CDN 的 React CDN 库，地址如下：<script src="https://unpkg.com/react@16/umd/react.development.js"></script> &l

<input type="checkbox" id="switch" class="switch" :checked="fun.value=='true'">css样式：/* Switch开关样式 *//* 必须是input为 checkbox class 添加 switch 才能实现以下效果 */input[type='checkbox'].switch{ outline: none; appearance: none; -webkit-appearance: ...

Vue安装1. 下载安装nodeJs，中文官方下载地址：http://nodejs.cn/download/Node.js 历史版本下载地址：https://nodejs.org/dist/node.js安装包自带npm，无需独立安装。查看当前的 Node 版本：$ node -vv4.4.3查看当前的npm版本：npm -v2.安装vue（1）npm方法$ npm install vue（2）CDN方法:对于制作原型或学习，你可以这样使用最新版本.

1。v-bind:判断变量isShow 的值，如果为 false 使用 head_float 类的样式，否则不使用该类第一种方法， 用v-if和v-else-if：<Energy ref="myEnergy" :tasks="tasks" v-if="isShow"></Energy><Energy ref="myEnergy" :tasks="tasks" v-else-if="!isShow" class="head_float">第二种方法：

1。代码中使用：<!--一行两列的布局--><table style="width: 100%; margin-left: 1px; padding-right: 12px;margin-bottom: 20px" border="0"> <tr v-for="(goodItem,index) in goods" :key="index"> <td v-for="(goodSub,index1) in.

涉及到的功能点：判断是ios系统还是android系统 控制浮层的显示和隐藏1。浮层UI，DownLoadPopWindow<template> <div class="dialog" v-show="isShow" @click="downLoadUrl"> <img src="./../assets/home_app.png" width="44px" height="44px" class="imgStyle">

img，button设置垂直居中： position: relative; top: 50%; transform: translateY(-50%);div设置垂直居中可以用设置行高的方法，使行高等于父控件的高：line-height: 56px;也可以用： position: relative; top: 50%; transform: translateY(-50%);...

H5退出时所遇到的问题：1。按返回键或anroid手机的物理返回键时，都不走destroy方法。2。按物理返回键，添加popstate监听时，（1）历史记录要准确，否则会执行多次监听方法（2）进入子页面，监听没有及时移除，子页面也被监听了。最近新做了个项目，需要在首页destroy的时候，调用接口更新数据，但是按返回键或anroid手机的物理返回键时，并不走destroy方法。1。当按页面的返回箭头时的处理： backReturn () { this.$rou

1. iOS 点击组件时，出现黑色的边框：这个是ios兼容的问题，因为safari有自带的默认样式，只需要设置-webkit-tap-highlight-color:rgba(0,0,0,0)就可以了。这个意思是发生tap事件时高亮背景色设为透明 就不影响其他样式了。网上很多资料点击出现蓝色或黄色边框时，加 outline:none，在这里不管用。...

效果描述：1. 有未读消息，显示红点，并且图标显示缩放的动画效果；2. 没有未读消息，则不显示红点，移除动画效果当showDot=true时，显示红点和动画效果调用：<img src="./../assets/icon_tasks.png" v-if="showDot" class="rightTask taskAnimation" @click="jumpTasks"> <img src="./../assets/icon_tasks.png" v-i

获取本地json文件：async getTaskJson () { var result = await axios({ url: './../../static/tasks.json', method: 'get' }) if (result.status === 200) { this.taskList = result.data // localStorage.setItem("task",.

近期做了个今日任务的功能，需要每天将任务列表的状态还原。原来思路是设置定时任务，每晚23：59执行；但是发现H5页面没有打开时，定时任务压根就不会执行。所以又做了个临时措施: 每天第一次开启页面时，还原任务状态。代码如下：async smartRecordTime () { console.log('smartRecordTime', 'smartRecordTime') var now = new Date().toLocaleDateString() var

今天的项目中有个功能，今日任务列表每天的任务状态都要还原；实现思路：每天第一次进入页面时，清空存储的任务状态，存储当前时间，每次进入页面都与这个时间做比较，如果不是一天，则清空数据数据使用localStorage存储在本地recordLoginTime () { var firstDate = localStorage.getItem('firstDate') // 获取当前时间（年月日） var now = new Date().toLocaleDateS

使用VUE做一个定时任务，每天晚上23：59分，将存储的数据清空还原；<template> <div class="bg"> <NavBar title="一起来收能量"> <span class="header_search" slot="left"> <img src="./../assets/back.png" width="13" height="20" align="left" @click="

父组件，调用子组件：<script> import DialogView from './DialogView' //1.引入组件 export default { components: { DialogView //2.挂载组件 }, methods: { changeScore: function () {