甘蔗ss-优快云博客

原创 vue3 + ts + class写法实现父子组件间的传值

1、父组件向子组件传值父组件<template> <div class="home"> <Child :parent-value="msg"></Child> </div></template><script lang="ts">import { Options, Vue } from "vue-class-component";import Child from "@/comp

2021-04-13 20:56:56 4289 4

原创 css实现三角形的基本原理

原理css盒子模型一个标准的盒子包括content、padding、border、margin，上下左右交界处呈现光滑的斜线。通过设置上下左右边框的宽度和颜色可以得到小三角形，小梯形等。1、设置元素的宽度、高度、以及边框 .element{ width: 50px; height: 50px; border-width: 50px; border-style:...

2019-12-20 11:57:06 319

原创 Math对象的random方法

**random（）方法**Math.random()方法返回大于等于 0 小于 1 的一个随机数。对于某些站点来说，这个方法非常实用，因为可以利用它来随机显示一些名人名言和新闻事件。1、使用方法：值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)2、实例选择一个1~10之间的数值var num = Math.floor(Math....

2019-04-15 15:33:52 922

原创评论时间的不同显示（多少分钟前，多少小时前，昨天，月日）

/**根据客户端的时间信息得到发表评论的时间格式*多少分钟前，多少小时前，然后是昨天，然后再是月日Para :recordTime - {float} 时间戳yearsFlag -{bool} 是否要年份*/function getDiffTime(recordTime,yearsFlag) {if (recordTime) {recordTime=new Date(parse...

2019-03-27 16:47:22 1276

原创微信小程序tab切换（点击标题切换，滑动屏幕切换）

效果图：WXML文件<view class="tab"> <scroll-view class="nav" scroll-x="true" scroll-left="{{scrollLeft}}"> <block wx:for="{{allTitle}}" wx:for-index="idx" wx

2019-01-17 15:11:52 3751 5

原创小程序实现自定义单选或多选

自定义单选多选按钮的实现1、效果图2、实现思路（1）点击每个item前面的按钮（每次点击都要进行下列操作）。进行图片的切换（已选 -&gt; 未选，未选 -&gt; 已选）。检查是否满足全选的条件（更改所有item的状态，包括全选按钮的状态）（2）点击全选按钮。更改所有item的选择状态，以及全选按钮的状态3、代码WXML&lt;view class="contai...

2019-01-04 18:19:16 4925

1、代码//n表示随机生成字符串的长度var chars =[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’,‘6’,‘7’,‘8’,‘9’,‘A’,‘B’,‘C’,‘D’,‘E’,‘F’,‘G’,‘H’,‘I’,‘J’,‘K’,‘L’,‘M’,‘N’,‘O’,‘P’,‘Q’,‘R’,‘S’,‘T’,‘U’,‘V’,‘W’,‘X’,‘Y’,‘Z’]function generateMixed...

2018-12-28 16:37:52 734

原创 css选择器nth-child与nth-of-type的区别

实例实例1 &amp;lt;style&amp;gt; span:nth-child(3){ color: #ff0000; } span:nth-child(6){ color: #3333ff; } &amp;lt;/style&amp;gt;&amp;lt;div&amp;gt; &amp;

2018-10-20 11:06:47 1098

baidu_39195199的博客