/* pages/mypoint/mypoint.wxss */ .container { display: grid; flex-direction: column; justify-content: center; height: 100%; padding: 20px; background-image: url(https://bpic.51yuansu.com/backgd/cover/00/42/93/5bef7dee1ca61.jpg?x-oss-process=image/resize,w_780); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .back-button { display: flex; background-color: #ff000000; color: gray; padding: 4px; font-size: 18px; } .record-text { width: 100%; color: rgba(255, 255, 255, 0.623); font-size: 50px; font-weight: bold; display: flex; justify-content: center; margin-top: 10%; } .table { width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; margin: 3% auto; table-layout: fixed; } .tr-w { display: flex; width: 100%; background-color: rgba(0, 255, 255, 0.144); align-items: center; justify-content: center; } .tr-g { display: flex; width: 100%; background-color: rgba(5, 238, 238, 0.13); align-items: center; justify-content: center; } .th { display: flex; width: 100%; padding: 3px 3.5px; justify-content: center; color: white; align-items: center; text-align: center; } .td { width: 100%; display: flex; color: gray; padding: 5px 3.5px; justify-content: center; align-items: center; text-align: center; } .two-button { display: flex; justify-content: space-between; } .function-button { width: 100%; background-color: #0ee4eb54; padding: 10px; border-radius: 3px; font-size: 16px; color: white; } .highlight { background-color: yellow; /* 高亮颜色 */ }