123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <template>
- <view>
- <u-navbar :back-text="i18n('Back')" :back-text-style="backStyle" back-icon-color="#fff" title-color="#fff"
- :title="i18n('RegionalCommittee')" :background="background">
- </u-navbar>
- <view class="">
- <view style="min-height: 1000upx;background-color: #F5F5F5;">
- <view
- style="margin: 20upx 20upx;height: 200upx;border-radius: 30upx;overflow: hidden;background-color: #fff;"
- v-for="(item,index) in initData" :key="index">
- <img :src="websiteUrl + item.bannerList[0]" alt="" v-if="item.bannerList[0]"
- style="width: 200upx;height: 200upx;">
- <img :src="websiteUrl+'/def/projectdefault.png'" alt="" v-else
- style="width: 200upx;height: 200upx;">
- <view class="recommend-bottom">
- <view class="recommend-bottom-name">{{item.projectName}}</view>
- <view>{{i18n('Releasedate')}}:{{handlePublishTimeDesc(toDate,item.createDate,$i18n.locale)}}
- {{$t('common.release')}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- background: {
- backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
- },
- backStyle: {
- color: '#fff'
- },
- initData: [],
- };
- },
- onShow() {
- this.getList();
- },
- methods: {
- async getList() {
- let list = {
- language: this.$i18n.locale.toUpperCase(),
- }
- const res = await this.$myRequest({
- url: '/project/committeeBasisInfos/getCommitteeInfos',
- data: list,
- });
- this.initData = res.data.committeeBasisInfosRegion;
- },
- i18n(data) {
- return this.$t('common.' + data);
- },
- }
- }
- </script>
- <style lang="scss">
- </style>
|