| | |
| | | </div> |
| | | </div> |
| | | <div class="but-box"> |
| | | <div class="but">平仓</div> |
| | | <div class="but buts">止盈止损</div> |
| | | <div class="but" @click="close">平仓</div> |
| | | <!-- <div class="but buts">止盈止损</div> --> |
| | | </div> |
| | | </div> |
| | | <van-popup v-model="show" position="top" :style="{ height: '30%' }" /> |
| | | |
| | | <Dialog ref="closeDialog" title="确认平仓"> |
| | | <template v-slot:center> |
| | | <div> |
| | | <div class="hang"> |
| | | <div class="left">名称</div> |
| | | <div class="right">SOUN</div> |
| | | </div> |
| | | <div class="hang"> |
| | | <div class="left">買漲/買跌</div> |
| | | <div class="right">買漲</div> |
| | | </div> |
| | | <div class="hang"> |
| | | <div class="left">倉位(股)</div> |
| | | <div class="right" style="color: rgb(3, 173, 143)">20.0000</div> |
| | | </div> |
| | | <div class="hang"> |
| | | <div class="left">類型</div> |
| | | <div class="right">市價</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </Dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Dialog from "@/components/Dialog"; |
| | | |
| | | export default { |
| | | components: { Dialog }, |
| | | |
| | | data() { |
| | | return { |
| | | // show: |
| | | actives: "1", |
| | | tabsList: [ |
| | | { |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | close() { |
| | | this.$refs.closeDialog.show = true; |
| | | }, |
| | | clickTabs(e) { |
| | | console.log(e); |
| | | this.actives = e.key; |
| | |
| | | // text-align: left; |
| | | } |
| | | .sport-content-text { |
| | | margin-top: 5px; |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | // font-weight: 500; |
| | | font-size: 0.48rem; |
| | | color: #14181f; |
| | | font-family: "PingFang SC"; |
| | | // font-family: "PingFang SC"; |
| | | // line-height: 18px; |
| | | // text-align: right; |
| | | } |
| | | .sport-content-text2 { |
| | | font-family: "PingFang SC"; |
| | | margin-top: 5px; |
| | | // font-family: "PingFang SC"; |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | // font-weight: 500; |
| | | font-size: 0.34667rem; |
| | | color: #14181f; |
| | | word-break: break-word; |
| | |
| | | color: #14181f; |
| | | } |
| | | } |
| | | .hang { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .left { |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | font-size: 0.34667rem; |
| | | color: #8c9fad; |
| | | } |
| | | .right { |
| | | font-style: normal; |
| | | font-weight: 500; |
| | | font-size: 0.34667rem; |
| | | color: #14181f; |
| | | text-align: right; |
| | | } |
| | | } |
| | | </style> |