1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <template>
- <div class="page_aboutUs">
- <div class="aboutUsTitle">
- <i class="iconfont icon-zuojiantou jiantou"></i>
- <span class="titleName">关于我们</span>
- </div>
- <div class="aboutImg">
- <img src="../../assets/images/aboutBanner.png" alt="" />
- </div>
- <div class="aboutBox">
- <div class="aboutBoxOne">
- <p>公司介绍</p>
- <div>
- <van-icon class="arrow" name="arrow" />
- </div>
- </div>
- <div class="aboutBoxOne">
- <p>隐私政策</p>
- <div>
- <van-icon class="arrow" name="arrow" />
- </div>
- </div>
- <div class="aboutBoxOne">
- <p>用户协议</p>
- <div>
- <van-icon class="arrow" name="arrow" />
- </div>
- </div>
- <div class="aboutBoxOne">
- <p>检查更新</p>
- <div class="aboutBoxRight">
- <p>已是最新版本</p>
- <van-icon class="arrow" name="arrow" />
- </div>
- </div>
- </div>
- </div>
- </template>
-
- <style lang="scss" scoped>
- .page_aboutUs {
- height: 100%;
- overflow: hidden;
- .aboutUsTitle {
- background: #fff;
- padding: 0 1.125rem;
- height: 3.125rem;
- display: flex;
- align-items: center;
- }
- .jiantou {
- font-size: 1.5rem;
- font-weight: 600;
- margin-right: 7rem;
- }
- .titleName {
- font-size: 1.125rem;
- font-weight: 600;
- }
- .aboutImg {
- padding: 0 0.75rem;
- height: 10.0625rem;
- margin: 1rem 0 0.3125rem;
- img {
- width: 100%;
- height: 100%;
- }
- }
- .aboutBox {
- .aboutBoxOne {
- padding: 0 0.75rem;
- height: 3.125rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
- box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
- p {
- font-size: 0.9375rem;
- color: #313234;
- }
- .arrow {
- color: #9f9f9f;
- }
- .aboutBoxRight {
- display: flex;
- align-items: center;
-
- p {
- font-size: 0.8125rem;
- margin-right: 0.25rem;
- color: #9f9f9f;
- }
- }
- }
- }
- }
- </style>
|