03 2022 档案

vue 点击按钮添加一行dom节点
摘要：如图，最近项目需求，点击添加一行dom节点，包含下拉框和input输入框 ，下面展示一下代码 <ul class="sales-menuItem-ul"> <li class="sales-menuItem-li" v-for="(sub,index) in formdata.data" :key= 阅读全文
posted @ 2022-03-30 15:07 IT小姐姐 阅读(1510) 评论(0) 推荐(0)
js获取当前年月日时分
摘要：function GetDate(){ var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日 var hh = 阅读全文
posted @ 2022-03-28 10:06 IT小姐姐 阅读(549) 评论(0) 推荐(0)
uniapp 微信小程序 实现左侧菜单右侧列表，双向联动的效果
摘要：<template> <view class="u-wrap"> <view class="u-search-box"> <view class="u-search-inner"> <u-icon name="search" color="#909399" :size="28"></u-icon> 阅读全文
posted @ 2022-03-23 11:05 IT小姐姐 阅读(2232) 评论(0) 推荐(0)
vue项目封装 axios 和 api
摘要：一，utils文件夹下新建一个request.js文件 import axios from 'axios'; import QS from 'qs'; import { Toast } from 'vant'; // 环境的切换 if (process.env.NODE_ENV == 'develo 阅读全文
posted @ 2022-03-22 17:19 IT小姐姐 阅读(206) 评论(0) 推荐(0)
vue移动端封装底部导航
摘要：<template> <div class="myfooter flex-betweenCenter"> <router-link tag="div" to='/home'> <img class="img" :src="isRouter('/home')?index0:index1" alt="" 阅读全文
posted @ 2022-03-22 11:28 IT小姐姐 阅读(195) 评论(0) 推荐(0)
vue实现移动端左右菜单双向联动效果
摘要：话不多说，上demo <template> <div id="app"> <header>左右列表双向联动</header> <div class="content"> <!-- 左侧列表 --> <ul class="left_title" ref="left"> <li class="title 阅读全文
posted @ 2022-03-21 13:47 IT小姐姐 阅读(1719) 评论(0) 推荐(0)
uniapp微信小程序 原生底部导航栏
摘要：在pages.json文件中写 "tabBar": { "color": "#333333", "selectedColor": "#F7433D", "borderStyle": "black", "backgroundColor": "#ffffff", "list": [{ "pagePath 阅读全文
posted @ 2022-03-19 10:31 IT小姐姐 阅读(434) 评论(0) 推荐(0)
uniapp(vue)实现点击左侧菜单，右侧显示对应的内容
摘要：<template> <view class="container"> <view class="fication-search"> <input type="text" value="" placeholder="请输入您要搜索的内容"/><image class="search-icon" sr 阅读全文
posted @ 2022-03-17 14:25 IT小姐姐 阅读(4979) 评论(0) 推荐(2)
uniapp input框聚焦时软键盘弹起整个页面上滑，固定页面不让上滑问题
摘要：根据需求，软键盘弹起时，不允许页面整体向上滑动 用到的属性是： :adjust-position="false" uni-app 软键盘顶起底部fixed定位的输入框 页面就不会上滑 <view class="cu-bar search bg-white" style="position: fixe 阅读全文
posted @ 2022-03-11 17:14 IT小姐姐 阅读(5310) 评论(0) 推荐(0)
css images图片铺满 不变型 以及头像裁剪 属性
摘要：一，图片的引入 background:url(img_flwr.gif); background-repeat:no-repeat; //平铺 二，图片的大小不不变形 background-size:cover; 三，上传的头像裁剪 阅读全文
posted @ 2022-03-11 16:12 IT小姐姐 阅读(775) 评论(0) 推荐(0)