| | |
|---|
| | |
|
|---|
| | | <div class="cur-version">当前版本：{{ curVersionName }}</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="wifi" v-if="activePage == 1">
|
|---|
| | | <div class="content">
|
|---|
| | | <div class="title">系统更新设置</div>
|
|---|
| | |
|---|
| | | ],
|
|---|
| | | pkgID: "",
|
|---|
| | | tabList: [
|
|---|
| | | { name: "系统更新", icon: "\ue6f2" },
|
|---|
| | | { name: "更新设置", icon: "\ue6db" },
|
|---|
| | | { name: "系统更新", icon: "\ue735" },
|
|---|
| | | { name: "更新设置", icon: "\ue733" },
|
|---|
| | | ],
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | |
|---|
| | | flex: 1;
|
|---|
| | | flex-basis: auto;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | border-top: 4px solid #f8f8f8;
|
|---|
| | | border-left: 4px solid #f8f8f8;
|
|---|
| | | .cluster-center {
|
|---|
| | | height: 100%;
|
|---|
| | | width: 280px;
|
|---|
| | | width: 300px;
|
|---|
| | | overflow: auto;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | flex-shrink: 0;
|
|---|
| | | padding: 10px;
|
|---|
| | | border-right: 5px solid #f8f8f8;
|
|---|
| | | padding: 24px 10px 0 10px;
|
|---|
| | | border-right: 4px solid #f8f8f8;
|
|---|
| | |
|
|---|
| | | .menu-item {
|
|---|
| | | background-color: #f8f8f8;
|
|---|
| | | height: 50px;
|
|---|
| | | margin-bottom: 10px;
|
|---|
| | | background-color: #F2F2F7;
|
|---|
| | | height: 56px;
|
|---|
| | | margin-bottom: 4px;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | line-height: 50px;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | font-size: 14px;
|
|---|
| | | line-height: 56px;
|
|---|
| | | box-sizing: border-box; |
|---|
| | | cursor: pointer;
|
|---|
| | | padding: 0 20px;
|
|---|
| | | padding: 0 15px;
|
|---|
| | | display: flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | .con {
|
|---|
| | | .iconfont {
|
|---|
| | | width: 32px;
|
|---|
| | | height: 26px;
|
|---|
| | | margin-right: 10px;
|
|---|
| | | color: #333;
|
|---|
| | | }
|
|---|
| | | .menu-text {
|
|---|
| | | font-size: 15px;
|
|---|
| | | font-size: 16px;
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .menu-item-active {
|
|---|
| | | color: #fff;
|
|---|
| | | background-color: rgba(61, 104, 225, 1);
|
|---|
| | | .menu-item-active { |
|---|
| | | background-color: var(--colorCard);
|
|---|
| | | .iconfont {
|
|---|
| | | color: #fff !important;
|
|---|
| | | }
|
|---|
| | | .menu-text {
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .menu-item:hover {
|
|---|
| | | color: #fff;
|
|---|
| | | background-color: rgba(61, 104, 225, 1);
|
|---|
| | | .menu-item:hover { |
|---|
| | | background-color: var(--colorCard);
|
|---|
| | | .iconfont {
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | | .menu-text {
|
|---|
| | | color: #fff;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .cluster-right {
|
|---|
| | |
|---|
| | | overflow: auto;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | position: relative;
|
|---|
| | | padding: 20px 40px;
|
|---|
| | | .el-form-item.is-required:not(.is-no-asterisk)
|
|---|
| | | > .el-form-item__label:before,
|
|---|
| | | .el-form-item.is-required:not(.is-no-asterisk)
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .wifi {
|
|---|
| | | .content {
|
|---|
| | | margin-bottom: 20px;
|
|---|
| | | }
|
|---|
| | | padding: 10px 0 0 10px;
|
|---|
| | | .bar {
|
|---|
| | | display: flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 50px;
|
|---|
| | | padding: 0 25px;
|
|---|
| | | background-color: #f8f8f8;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | border-radius: 12px;
|
|---|
| | | margin-bottom: 10px;
|
|---|
| | | padding-left:20px ;
|
|---|
| | | .name {
|
|---|
| | | font-size: 15px;
|
|---|
| | | font-size: 14px;
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .title {
|
|---|
| | | text-align: left;
|
|---|
| | | padding: 10px;
|
|---|
| | | padding: 17px 0 17px 25px;
|
|---|
| | | font-size: 16px;
|
|---|
| | | color:#333;
|
|---|
| | | font-weight: 700;
|
|---|
| | | }
|
|---|
| | | .el-switch{
|
|---|
| | | width: 40px;
|
|---|
| | | height: 14px;
|
|---|
| | | margin-right: 17px;
|
|---|
| | | }
|
|---|
| | | .is-checked .el-switch__core{
|
|---|
| | | background-color: #4E97FF !important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
