orange_cccc-优快云博客

原创改变zorro样式

改变zorro样式：:host ::ng-deep .ant-spin-dot i {background-color: #4c7bff !important;}:root .ant-select-dropdown {margin-top: 16px !important;}:host /deep/ .ant-spin-dot i {background-color: #4c7bff !important;}::ng-deep .classname .ant-spin-dot i

2020-10-30 17:31:38 581

原创富文本框umeditor的大小自适应

副文本框resize@HostListener(‘window:resize’,[’$event’])onWindowResize(event:Event){this.changeUmeditorWidth();}changeUmeditorWidth(){let articlebox = document.getElementById(‘umeditorP’);setTimeout(() => {this.articleBoxHeight = articlebox.clientHei

2020-10-30 17:26:16 357

原创 ng-zorro 走马灯滑过停止切换，以及切换速度

ng-zorro 走马灯滑过停止切换，以及切换速度 @ViewChildren(NzCarouselComponent) carousels: any; @ViewChild('weatherCarousel') weatherCarouselEL: ElementRef; @ViewChild('waterCarousel') waterCarouselEL: Eleme...

2020-10-30 17:18:17 205

原创 img允许图片溢出，但必须填充整个盒子，不允许变形

img允许图片溢出，但必须填充整个盒子，不允许变形在这里插入图片描述图片排版：Css:固定图片外边盒子宽高度，超出隐藏，图片大过盒子宽高时，会自动截取一部分显示；Js:获取图片原始宽高，找到宽与宽，高与高比例最大的那个比例值，图片width=原始width最大比例，高度自适应；如果比例值相等，则直接片width=原始width比例；HTML5提供了一个新属性naturalWidth/n...

2019-09-23 18:10:53 1179

原创 angular前端开发音乐播放按钮自定义

<span class="snow"> <i class="wl-icon icon-music snowbtn" (click)="audio.play();showbtn()" *ngIf="!isShowbtn"></i> <i class="wl-icon icon-volum

2019-01-02 16:17:21 962 3

原创简单的事件委托可勾选编辑的js购物车

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;

2018-12-05 17:40:58 747

原创 js模拟简单的聊天机器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met

2018-12-05 09:44:25 1062

原创 js写日历

var ul = document.getElementById("dateList"); var iNow = 0; canClick(iNow); document.getElementById("next").onclick = function () { canClick(...

2018-11-29 15:42:03 693

原创 angular管道-最简单的实时时间，精确到秒

今下午打算把之前页面的日期显示处理一下，代码如下： html: {{ today | date: 'yyyy-MM-dd HH:mm:ss'}} ts: today; setInterval(()=&amp;gt; { this.today = new Date(); }, 1000)始终检查不出问题，时间就是不显示；然后上...

2018-09-13 17:27:31 4629

原创 5个常用的简单的angular事件

1.点击旋转动画html:[ngClass]="{'close':aaa,'open':!aaa}" (click)="aaa=!aaa"css:.close{transform:rotate(0deg);transition:transform 0.5s;}ts: aaa=false;2.点击展开内容html: (click)="open()" *ng...

2018-09-12 16:59:56 2812 2

原创简单的滚动li列表

简单的滚动li列表： &amp;lt;!-- &amp;lt;ul class=&quot;list-unstyled list-unstyled_new&quot; id=&quot;autoScroll&quot;&amp;gt; &amp;lt;li class=&quot;listli

2018-09-11 16:32:23 2533

原创 angular n'g-zorro走马灯划过时如何停止切换

angular n’g-zorro走马灯划过时如何停止切换在写项目时，我用到了ng-zorro这个控件，后来经理想在鼠标划过时能停止swipper自动切换，我想了一下，最后发现zorro的走马灯有一个[nzAutoPlay]属性可以直接控制是否切换，话不多说，直接上代码: ...

2018-09-11 11:50:15 1476

orange_cccc的博客