/** * @Author wangliang * @date 20220825 */ <template> <div class="body d-page" style="background-color: #ffffff"> <div class="rarle"> <tatle-bar :tatle="tatleName"></tatle-bar> </div> <div style="background-color: #FFFFFF; height: 50px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">项目</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">年利率(%)</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px; padding-top: 10px"> <span style="font-size: 14px; font-weight: 700; margin-left: 14px">一、城乡居民及单位存款</span> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">(一) 活期</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">0.3</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">(一) 定期</van-col> </van-row> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px; color: red">1.整存整取</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">三个月</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.35</van-col> </van-row> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">半年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.55</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">一年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.75</van-col> </van-row> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">两年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">2.25</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">三年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">2.75</van-col> </van-row> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">五年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">2.75</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px; padding-top: 10px; padding-left: 60px"> <span style="color: red">2.零存整取、整存零取、存本取息</span> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">一年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.35</van-col> </van-row> </div> <div style="background-color: rgba(241, 244, 255, 1); height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">三年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.55</van-col> </van-row> </div> <div style="background-color: #FFFFFF; height: 40px"> <van-row span="24"> <van-col span="12" style="text-align: center; margin-top: 10px">五年</van-col> <van-col span="12" style="text-align: center; margin-top: 10px">1.55</van-col> </van-row> </div> </div> </template> <script lang="ts"> import {Component, Vue} from "vue-property-decorator"; @Component({ name: "DepositRate" }) export default class DepositRate extends Vue { tatleName="人民币存款基准利率"; } </script> <style scoped lang="scss"> </style>