<template>
  <router-view />
</template>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
// router.push(`/edit-choosing`)
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

html {
  background-color: #eff7ff;
}

img {
  object-fit: contain;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shadow {
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
}

.radius16 {
  border-radius: 16px;
}

.flexflex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flexcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexacenter {
  display: flex;
  align-items: center;
}

.flexjcenter {
  display: flex;
  justify-content: center;
}

.wid1200 {
  width: 1200px;
}

/* // 全局css 加上以下代码，可以隐藏上下箭头 */

/* // 取消input的上下箭头 */
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;

}

input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;

}

input[type="number"] {
  -moz-appearance: textfield;
}

.scrollbar {

  /*滚动条样式*/
  &::-webkit-scrollbar {
    width: 8px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    background: rgba(242, 242, 242, 1);
  }

  &::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 0;
    background: transparent;
  }
}
</style>
