排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
设置了flex后 ,子元素的高度全部都一样了,没有自适应内容。flex 布局导致子项高度相同
![](/img/article/ye3.png)
原因:Flex 布局的默认是:把所有子项变成水平排列。默认不自动换行。让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。解决方法:直接在flex容器上,将align-items设为 flex-start,或者align-items:center ,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。如果是使用了flex-wrap,则...
uni-app textarea 修改 placeholder 字体的颜色和大小等样式
![](/img/article/ye3.png)
方法一: 直接设置placeholder-style <textarea style="width: 100%;height: 209rpx;" maxlength="39" placeholder-style="color:red;font-size: 24rpx;" placeholder="请输入内容..."></textarea>
方法二:先设置placeholder-class先设置placeholder-class...
.net6,.net8如何解决依赖项出现黄色感叹号的问题
![](/img/article/ye3.png)
解决办法可以在程序包管理控制台中使用dotnet restore命令,该命令会利用NuGet库还原整个项目的依赖库。
而且这个命令会看到库下载的地址,有可能就是因为你的地址不对,下载不到,所以才一直是黄色感叹号。
这个时候就要去看看你的程序包源配置了,比如我这里勾了两个
如果使用dotnet restore命令它下载的地址...
uni-app 开发微信小程序显示图标
![](/img/article/ye3.png)
uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可
<image :src="`${CssImgPath}/imgs/arrow_mini.png`" class="sss-cisb-icon-arrow" />
就是要注意一下路径,一半小程序有大小限制,一般不会把图片直接放到程序里边,自己放到自己存储图片的服...
.net, c# ExpandoObject 构建动态类型。键值对Dictionary<string, object>转化成ExpandoObject
![](/img/article/ye3.png)
利用键值对Dictionary动态构建ExpandoObject,ExpandoObject中包含了与字典相同的键值对作为属性
using System;
using System.Collections.Generic;
using System.Dynamic;
using System.Linq;
public static class DictionaryExtensions
{
public static ExpandoObject ToExpandoObject(t...
vue3 ts 方法传参,any使用。vue3 ts reactive 使用类型,定义具体类型。vue3 ts实现分组, 多字段作为key分组
![](/img/article/ye3.png)
[TOC]vue3 ts 方法传参,any使用方法1:
// 循环解析
dataListToAppend.forEach((element: any) => {
state.tasksPlanList.push(element)
});
方法2:
const deleteRow = (index: number, allotTaskID: number) => {
}
方法3:
const saveTaskPlan = (tasksPlanList: any) => {
}
方法4:
con...
element plus tree 获取选中节点的父节点
![](/img/article/ye3.png)
通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通过 node.parent 获取到父节点。
代码如下:
const getSelectData = () => {
// 获取选中的接点
let checkedNodes = treeRef.value!.getCheckedNodes(false, true)
console.log("看看选择的数据", checkedNodes)
...
input type file 文件选择框设置为多选,获取选择的多图
![](/img/article/ye3.png)
html <input ref="inputImgFile" type="file" multiple="true" accept="image/*" @change="uploadimg">
核心代码就是multiple="true"
jsfunction uploadimg(event) {
const files = event.target.files;
console.log(files);
}
.net core 控制器301重定向跳转
![](/img/article/ye3.png)
代码如下:
public IActionResult Index(string UserName, int Id)
{
// 实现永久重定向到新的URL
return RedirectPermanent($"https://user.tnblog.net/{UserName}/article/details/{Id}");
}
怎么用js去更换验证码
![](/img/article/ye3.png)
html:
<div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv">
<div>
<img id="captchaImg" src="/Captcha/Captcha/11" /><a href="#" onclick="changeCaptchaImg()" style="...
echarts 图表颜色设置,饼图颜色渐变
![](/img/article/ye3.png)
[TOC]echarts 图表颜色设置在外层加一个color数组就行了
color:["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272"],
color数组在顶层位置的
option = {
title: {
text: '消息来源',
subtext: '&#...
js获取最近一周,最近两周,最近一月,最近三月等时间范围。 element ui 时间日期范围组件设置默认值
![](/img/article/ye3.png)
最近一周const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
这个是赋值给element ui 时间范围组件快捷选择的,也可以配合moment.js,day.js等时间日期处理组件来格式化等使用,比如给element ui 时间范围...
element ui 表单 表单元素在竖着布局的基础上横向布局横向显示,一行显示多个
![](/img/article/ye3.png)
效果如下主要是这一排的:(tip:截图里边右边没有对齐,应该是这里截图的时候调试后的造成的,实际情况是对齐的)
一排要显示多个只需要在el-form-item中嵌套使用el-col就行了,官方文档关于表单里边的文档就有这种用法
<el-form-item label="校区">
<el-col :span="11" style...
vue 组件引入,组件引用
![](/img/article/ye3.png)
第一步引用组件绝对路径和相对路径都可以,下面是两种常用的引入方式
import SendStudentMessage from '@/views/messageSystem/component/sendStudentMessage.vue'
第二种:
import RepData from './comp/rep-data.vue'
第二步定义一下引入的控件import SendStudentMessage from '@/views/...
C# 表达式主体定义语法糖,=>箭头函数除了lambda表达式的其他用法
![](/img/article/ye3.png)
官方文档:https://learn.microsoft.com/zh-cn/dotnet/csharp/programming-guide/statements-expressions-operators/expression-bodied-members
C# 表达式主体定义语法糖中的 => 并不创建 lambda 表达式,而是定义了一个更简洁的成员实现
看一段C# 表达式主体定义语法糖的示例public CurrentUser currentUser ...
.net 6,.net core跨控制器调用方法,控制器调用其他控制器方法
![](/img/article/ye3.png)
使用依赖注入的方式获取先把控制器注入 services.AddTransient<MessageApiController, MessageApiController>();
然后使用依赖注入的方式获取 private readonly MessageApiController _messageApiController;
/// <summary>
///
/// </summary>
...
uniapp文档在线浏览,pdf,excel,word等
![](/img/article/ye3.png)
示例代码uni.downloadFile({
url: 'https://example.com/somefile.pdf',
success: function (res) {
var filePath = res.tempFilePath;
uni.openDocument({
filePath: filePath,
showMenu: true,
success: function (res) {
console.log('打开文档成功&...