vue 模仿钉钉打卡_钉钉h5项目实战|仿钉钉聊天|h5移动端钉钉案例

/*…… 微钉主布局——首页.layout { { { ……*/.weDingTalk__panel{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .3s;}.we__dingtalk-wrapper{height:calc(100vh);position:relative;}.wdt__container{overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;position:relative;}

/*—— 顶部header*/.wdt__topBar .inner{/*background-image: linear-gradient(90deg,#3296fa 10%,#00d3f3);*/background:#fff;height:1rem;width:100%;z-index:999;position:relative;}.wdt__topBar.topfixed{padding-bottom:1rem;}.wdt__topBar.topfixed .inner{max-width:750px;width:100%;position:fixed;top:0;}.wdt__topBar .inner .barTit{color:#191f25;font-size:.36rem;font-family:'Microsoft Yahei';margin-top:-.03rem;padding-left:.25rem;position:relative;}.wdt__topBar .inner .barTit.sm{color:#575b60;font-size:.32rem;padding-left:0;}.wdt__topBar .inner .barTxt{color:#191f25;font-size:.32rem;justify-content:center;align-items:center;}.wdt__topBar .inner .barTxt .lbl{color:#9ea0a3;display:block;font-size:.2rem;}.wdt__topBar .inner .linkico{text-align:center;height:1rem;line-height:1rem;width:1rem;position:relative;}.wdt__topBar .inner .linkico .iconfont{color:#3296fa;font-size:.4rem;position:relative;}.wdt__topBar .inner .linkico .wdt__badge{position:absolute;top:-.1rem;right:-.2rem;}.wdt__topBar .inner .linkico .wdt__badge-dot{position:absolute;top:0;right:-.1rem;}

/*中间主页面css*/

/*搜索*/.wdt__