<template>
  <div id="app">
    <!--<wechat :options="options"></wechat>-->
    <w-chat :options="options"></w-chat>
  </div>
</template>

<script>
//import wechat from './components/wechat/wechat'
export default {
  name: 'App',
//  components: {
//    wechat
//  },
  data() {
    return {
      options: {
        showUpload: false, // 显示上传文件
        showVideo: true, // 显示视频聊天
        sdkAppID: 1400099911, // 用户所属应用id,必填
        accountType: 28447, // 用户所属应用帐号类型，必填
        headurl: 'img/me.jpg' // 当前用户默认头像，选填，如果设置过头像，则可以通过拉取个人资料接口来得到头像信息
      }
    }
  }
}
</script>

<style>
  @import "style/root.css";
  *{
    box-sizing: unset!important;
  }

  a{
    text-decoration: none!important;
  }

  #app {
    width: 100%;
    height: 100%;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    -webkit-margin-before: 0;
  }

  ul {
    list-style: none;
    /*-webkit-padding-start: 0;*/
    /*!*height: 100%;*!*/
    /*overflow: auto;*/
    /*-webkit-overflow-scrolling: touch;*/
  }
  .notAllow{
    cursor: not-allowed!important;
  }
  .slide-right1-enter,
  .slide-right1-leave-active {
    transform: translateX(-396px);
  }
  .slide-right1-leave-active,
  .slide-right1-enter-active {
    transition: all 0.3s 0.3s cubic-bezier(0.33, 0.25, 0.33, 1);
  }

  .right-slide1-enter,
  .right-slide1-leave-active {
    transform: translateX(396px);
  }
  .right-slide1-leave-active,
  .right-slide1-enter-active {
    transition: all 0.3s 0.3s cubic-bezier(0.33, 0.25, 0.33, 1);
  }

  /* 复选全局  */
  .md-checkbox {
    margin: 0;
  }

  .md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
    background-color: #6469CC !important;
  }

  .md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
    border-color: #6469CC !important;

  }

  .md-checkbox .md-checkbox-container {
    border: 1px solid rgba(0,0,0,0.54)!important;
    width: 16px!important;
    min-width: 16px!important;
    height: 16px!important;
  }

  .md-checkbox .md-checkbox-container:after {
    width: 4px!important;
    height: 11px!important;
    top: 2px;
    left: 5px;
  }

  .md-checkbox .md-checkbox-container {
    border: 1px solid transparent;
    margin-top:2px;
  }

  /* redio单选 全局 */
  .md-radio.md-theme-default.md-checked .md-radio-container {
    border-color: #6469CC !important;
  }

  .md-radio.md-theme-default.md-checked .md-radio-container:after {
    background-color: #6469CC !important;
  }

  .md-radio .md-radio-container {
    width: 17px;
    min-width: 17px;
    height: 17px;
  }

  .md-radio .md-radio-container {
    border: 1px solid transparent
  }

  .ivu-timeline-item-head-blue {
    /* #6469CC */
    border-color: #6469CC;
    color: #6469CC;
  }
  /*下拉框全局样式*/
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background: #61b0f3e0!important;
  }
  .el-select-dropdown__item.selected{
    color: #a5c5ff!important;
  }
  .el-select-dropdown__item{
    color: #a5c5ff!important;
  }
  .topMenu {
    background: #024488e6!important;
    border: 1px solid #004b8c!important;
  }
  .el-popper[x-placement^=bottom] .popper__arrow{
    border-bottom-color: transparent!important;
  }
  .el-popper[x-placement^=bottom] .popper__arrow::after{
    border-bottom-color: transparent!important;
  }
  .topMenu li{
    color: #a5c5ff!important;
  }
  .topMenu li:hover{
    background: #61b0f3e0!important;
  }

  .BMap_cpyCtrl {
    display:none!important;
  }
  .anchorBL{
    display:none!important;
  }
</style>
<style>
  @import "style/common/dimenStyle.css";
</style>
<style scoped>
  @import 'style/home.css';

  .zhuomty {
    position: absolute;
    left: -98px;
    top: 16px;
  }

  .returnHome {
    position: absolute;
    left: -98px;
    top: 16px;
  }

  .peise {
    position: absolute;
    left: -110px;
    top: 7px;
  }

  .l_gzuoxiaoxiright {
    text-align: right;
  }
</style>
<style lang="scss">
  %common1 {
    opacity: 1;
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s,
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }

  .pull-up-enter-active,
  .pull-up-leave-active {
    @extend %common1;
    transform-origin: center bottom;
  }

  .pull-up-enter,
  .pull-up-leave-active,
  .drop-down-enter,
  .drop-down-leave-active {
    opacity: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }

  .drop-down-enter-active,
  .drop-down-leave-active {
    @extend %common1;
    transform-origin: center top;
  }
</style>
