SupAack-CSDN博客

原创 uniapp中单选按钮的实现

uniapp中的单选/多选是以组的形式展现的，当选择改变时，会触发@change方法，这个方法中会携带你绑定的value我们可以用一个变量将所选择的value值存起来<template> <view> <radio-group @change="chan"> <label v-for="item in radioGroup" :key="item"> <radio :value="item" :checked="item==

2020-07-25 15:10:20 4562 1

原创 uniapp中使用iconfont（二）

进入iconfontt选择图标，添加入库，下载至本地，具体操操作请移步uniapp中使用iconfont(一)接下来进入正题将下载的文件选中.css和.ttf文件将这两个文件放入文件夹修改路径开始使用

2020-06-18 15:04:59 208

原创 uniapp中如获取radio的value值

uniapp官网关于radio-group的介绍@change 监听 radio-group 变化，当 radio-group 发生改变时触发的方法，当用户点击按钮时触发的方法。checkOne(e) 方法名随便起，传入参数 e （e为对象）, 在控制台打印 e发现，detail 下面有一个 value 值为 'apple'因此我们打印 e.detail.value 即可得到当前用户...

2020-02-26 17:30:17 10624 1

原创 css3属性transform之translate

transform:translate(60px); /* 沿X轴偏移60px（默认向右值为负数则向左） */transform:translate(60px,30px); /* 沿X轴偏移60px（默认向右值为负数则向左）沿Y轴偏移30px（默认向下值为负数则向上） */transform:translateY(60px) /* 沿X轴偏移60px */transform:transla...

2020-02-25 16:29:53 1043

原创在vue-cli中安装使用axios

安装axiosnpm install axios --save-dev查看是否安装成功在 package.json 中是否有 axios在全局中引入axios在 main.js 中写入代码import axios from 'axios' 导入axiosVue.prototype.$axios = axios 将axios挂载到原型链上在组件中使用url 请求的链接...

2020-02-24 17:13:15 2158

原创在vue-cli安装及使用swiper

使用 npm 或者 cnpm 安装 swiper打开文件夹在路径中输入cmd然后敲击键盘上的Enter键,打开命令行。（此方法仅针对Windows用户）cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org在命令行中输入 npm install vue-awesome-swiper --save 或者 c...

2020-02-21 17:12:58 1677

原创 css3属性transform之rotate

rotateX()：以X轴为中心线旋转rotateY()：以Y轴为中心线旋转rotateZ()：以Z轴为中心线旋转三个属性可以多个，但不能写重只写 rotate(0deg) 相当于 rotateX(0deg)transform: rotateX(20deg) rotateY(50deg) rotateZ(10deg);旋转不会影响正常文档流...

2020-02-20 18:15:15 747

原创关于uniapp使用swiper及swiper-iteam及scroll-view上下滑动及宽高问题（一）

在uniapp中使用swiper必须要设置高度，一般都是动态设置。一种是高度 * 数量，这里不做详解。另一种是 swiper + scroll-view 组合，获取系统高度在此高度中滑动，这里要说的就是第二种。swiper 绑定一个高度在swiper-iteam下嵌套scroll-view,并设置scroll-view的高度为100%.scrol{ height: 100%;...

2020-02-18 17:01:26 10966

SupAack的博客