UI
关注
分享
扫一扫
wish366
这个作者很懒，什么都没留下…
展开
-
[Angular] Import TranslateModule in Angular 16
Angular 更新至V16版后，支援 standalone，故移除了 NgModule，而TranslateModule 又要在AppModule中 import，那该如何做呢？原创 2023-07-24 22:10:42 · 1533 阅读 · 0 评论 -
[Angular] Export excel from table or json
【代码】[Angular] Export excel from table or json。原创 2023-07-24 19:30:24 · 1428 阅读 · 0 评论 -
[Angular] 主从表结构，从表记录在主表固定栏位上呈现
主从表结构，有时为了方便数据呈现，在UI上不显示从表资料，那么需要动态把从表的资料加载到主表的固定栏位上。例如：主表是人员信息，从表是银行卡信息，一个人在同一家银行可能有多张银行卡，且一个人可能在多家银行开户。原创 2023-07-24 20:57:53 · 284 阅读 · 0 评论 -
[Angular] Custom a DatePipe to support special time zone conversion from user
【代码】[Angular] Custom a DatePipe to support special time zone conversion from user。原创 2023-07-24 13:06:18 · 922 阅读 · 0 评论 -
nz-modal of ng-zorro supports browser height
If you know the setting, maybe it will very easy.Please see the code, we only set some css to support it.<nz-modal [nzStyle]="{height:'100vh', top:0}"> … </nz-modal>vh，是指CSS中相对长度单位，表示相对视口高度（Viewport Height），1vh = 1% * 视口高度。...原创 2022-05-31 18:55:08 · 513 阅读 · 0 评论 -
A CSP(Content Security Policy) issue on Web UI
A Content Security Policy issue原创 2022-03-26 16:00:02 · 1490 阅读 · 0 评论 -
[NgZorroAntdMobileModule] 使用ImagePicker组件上传图片并压缩
直接上代码：app.module.tsimport { NgxImageCompressService } from 'ngx-image-compress';import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { BrowserAnimationsModule } from '@angular/platform-browser原创 2022-01-06 19:11:07 · 869 阅读 · 0 评论 -
WeChat小程序如何获得用户的unionId？
前提条件，必要申请了微信开发平台帐号，并绑定此小程序，如下图：安装cryptojs.jsnpm install cryptojs新增一个js文件（DataCrypt.js），并引用cryptojs.js文件，使用 getUnionId 方法将返回unionid。DataCrypt.jsvar Crypto = require('cryptojs/cryptojs.js').Crypto;var APPID = 'wx....';var APPsecret = '....';原创 2021-04-23 09:50:10 · 1081 阅读 · 0 评论 -
WeChat小程序如何获取用户的个人信息（头像、昵称、性别与地区）？
由于WeChat小程序发布了新的规范，获取用户的个人信息将使用新的方法。“2021年4月13日后发布的新版本小程序，开发者通过组件调用wx.getUserInfo将不再弹出弹窗，直接返回匿名的用户个人信息，获取加密后的openID、unionID数据的能力不做调整；若开发者需要获取用户的个人信息（头像、昵称、性别与地区），可以通过wx.getUserProfile接口进行获取。具体参考公告：https://developers.weixin.qq.com/community/develop/doc/00原创 2021-04-23 08:19:58 · 4298 阅读 · 0 评论 -
Loading on page
本文包含两部分内容：即loading.css和loading.html，以下是范例。loading.css body { margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.7); } .load-container { display: inline-block; position: absolute; top: 50转载 2021-04-23 08:06:28 · 164 阅读 · 0 评论 -
Table固定表头
Table固定表头使用CSS position:sticky<!DOCTYPE html><html><head><style>table { border-collapse: collapse; width: 100%;}th, td { text-align: left; padding: 28px;}tr:nth-child(even) {background-color: #f2f2f2;}tr:hov.原创 2021-03-25 13:54:45 · 405 阅读 · 0 评论 -
IDM trust Keycloak
IDM trust Keycloak提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言由于项目原因，需要启用Keycloak做SSO，但是项目中又使用IDM管制访问权限，我使用的方法如下。一、实...原创 2021-03-23 13:07:50 · 533 阅读 · 0 评论