Browse Source

UI完善

dev
陈鹏飞 3 years ago
parent
commit
2c84742c88
  1. 12
      src/app/pages/plan/plan.component.html
  2. 6
      src/app/pages/plan/plan.component.scss
  3. BIN
      src/assets/images/save3DPlan.png

12
src/app/pages/plan/plan.component.html

@ -19,6 +19,7 @@
<img src="../../../assets/images/selectHeightFinding.png" title="测量高度" [hidden]="selectMeasure != 2" (click)="toggleMeasure(2)"> <img src="../../../assets/images/selectHeightFinding.png" title="测量高度" [hidden]="selectMeasure != 2" (click)="toggleMeasure(2)">
<img src="../../../assets/images/measuredArea.png" title="测量面积" [hidden]="selectMeasure === 3" (click)="toggleMeasure(3)"> <img src="../../../assets/images/measuredArea.png" title="测量面积" [hidden]="selectMeasure === 3" (click)="toggleMeasure(3)">
<img src="../../../assets/images/selectMeasuredArea.png" title="测量面积" [hidden]="selectMeasure != 3" (click)="toggleMeasure(3)"> <img src="../../../assets/images/selectMeasuredArea.png" title="测量面积" [hidden]="selectMeasure != 3" (click)="toggleMeasure(3)">
<img src="../../../assets/images/save3DPlan.png" title="保存" (click)="preserve(true)">
</div> </div>
</div> </div>
@ -132,21 +133,20 @@
<!-- 右侧图标栏 --> <!-- 右侧图标栏 -->
<!-- 右上角快捷栏 --> <!-- 右上角快捷栏 -->
<div class="rightTopFast"> <div class="rightTopFast" *ngIf="editMode && userMode">
<div class="publicFast leftFunction" *ngIf="editMode && userMode"> <div class="publicFast leftFunction">
<button title="获取设备" (click)="getDevice()"></button> <button title="获取设备" (click)="getDevice()"></button>
<button title="清空设备" (click)="clearDevice()"></button> <button title="清空设备" (click)="clearDevice()"></button>
</div> </div>
<div class="publicFast leftFast" *ngIf="editMode && selectFence === 7"> <div class="publicFast leftFast">
<button title="平移" (click)="translation()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 0}"></button> <button title="平移" (click)="translation()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 0}"></button>
<button title="旋转" (click)="revolve()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 1}"></button> <button title="旋转" (click)="revolve()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 1}"></button>
<button title="缩放" (click)="scale()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 2}"></button> <button title="缩放" (click)="scale()" [ngClass]="{'selectRightTopFast': selectRightTopFast == 2}"></button>
<!-- <button title="吸附" (click)="adsorb()" [ngClass]="{'leftFastIsTure': selectAdsorb }"></button> <!-- <button title="吸附" (click)="adsorb()" [ngClass]="{'leftFastIsTure': selectAdsorb }"></button>
<button title="切换至顶视图" (click)="toggleTopLevelView()" [ngClass]="{'leftFastIsTure': topLevelView }"></button> --> <button title="切换至顶视图" (click)="toggleTopLevelView()" [ngClass]="{'leftFastIsTure': topLevelView }"></button> -->
</div> </div>
<div class="save" *ngIf="editMode"> <div class="save">
<button (click)="preserve(false)" title="保存模块" *ngIf="userMode"><i nz-icon nzType="file-done" nzTheme="outline"></i></button> <button (click)="preserve(false)" title="保存模块"><i nz-icon nzType="file-done" nzTheme="outline"></i></button>
<img src="../../../assets/images/save3DPlan.png" (click)="preserve(true)" title="保存">
</div> </div>
</div> </div>
<!-- 右上角快捷栏 --> <!-- 右上角快捷栏 -->

6
src/app/pages/plan/plan.component.scss

@ -55,7 +55,7 @@
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
width: 200px; width: 230px;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
img { cursor: pointer; box-sizing: border-box; width: 36px; height: 36px; margin-left: 10px; } img { cursor: pointer; box-sizing: border-box; width: 36px; height: 36px; margin-left: 10px; }
@ -258,13 +258,11 @@
overflow-y: auto; overflow-y: auto;
.everyIcon { .everyIcon {
width: 60px; width: 60px;
height: 58px;
line-height: normal; line-height: normal;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
overflow: hidden;
img { width: 40px; height: 40px; margin-top: 3px; cursor: pointer; } img { width: 40px; height: 40px; margin-top: 3px; cursor: pointer; }
p { height: 18px; line-height: 18px; margin-top: -3px; font-size: 12px; } p { margin-bottom: 3px; font-size: 12px; word-break: break-all; }
} }
} }
.selectLeftIcon { background: rgb(0,128,255,0.5); } //选中样式 .selectLeftIcon { background: rgb(0,128,255,0.5); } //选中样式

BIN
src/assets/images/save3DPlan.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Loading…
Cancel
Save