1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <template>
- <view>
- <!-- 头部 -->
- <headContent>
- <template #left>
- <reverse-back />
- </template>
- <template #content>
- <view class="haed-title">
- 语言切换
- </view>
- </template>
- </headContent>
- <gap />
- <view class="set-list">
- <view class="set-item">
- <text>简体中文</text>
- <view class="set-moer iconfont"></view>
- </view>
- <view class="set-item">
- <text>English</text>
- <view class="set-moer">
- </view>
- </view>
- <view class="set-item">
- <text>한국어</text>
- <view class="set-moer">
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- name: 'language',
- data() {
- return {
- };
- },
- methods: {
- }
- }
- </script>
- <style lang="scss" scoped>
- .set-list {
- width: 100%;
- padding: 0 $pages-padding;
- .set-item {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 90rpx;
- width: 100%;
- border-bottom: 1rpx solid $border-color;
- font-size: 24rpx;
- color: #0f0f0f;
- text {
- flex-shrink: 0;
- }
- .set-moer {
- flex-shrink: 0;
- display: flex;
- align-items: center;
- color: $Theme-Color;
- }
- }
- }
- </style>
|