标签：console name res 前端 241 uni font data log

<template>
	<view class="">
		<u-subsection :list="list" :current="current" mode="button" :animation="true" bg-color="white" button-color="white"
		 @change="cheange"></u-subsection>
		<view class="wrap">
			<view v-if="current == 0" class="">
				<navigator v-for="(item,index) in tableData" url="../party_building_detail/party_building_detail">
					<view class="system">
						<view class="t-title">
							{{item.title}}
						</view>
						<view class="u-flex  ">
							<u-icon name="clock-fill" color="#999999" size="28"></u-icon>
							<view class="t-time">
								{{item.startDate}}
							</view>
						</view>
					</view>
				</navigator>
			</view>


		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tableData: [],
				list: [{
						name: '法律法规'
					},
					{
						name: '政策文件'
					},
					{
						name: '管理宝典'
					},
					{
						name: '最新资讯'
					}
				],
				current: 0
			}
		},
		/* 第一步定义onload方法 */
		onLoad() {
			/* 调用市场信息的接口 分别 vuex获取 其他三项 */
			this.$u.api.getpartyList({
				marketId: this.vuex_user.market_id,
				pageNo: 1,
				pageSize: 20,
				type:"法律法规"
			}).then(res => {
				if (res.data.code == 200) {
					this.tableData = res.data.data.records
					console.log(1)
					console.log(res)
				}
			})
		},
		methods: {
			cheange(index) {
				console.log(index)
				this.current = index
				console.log(this.list[index].name)
				this.$u.api.getpartyList({
					marketId: this.vuex_user.market_id,
					pageNo: 1,
					pageSize: 20,
					type:this.list[index].name
				}).then(res => {
					if (res.data.code == 200) {
						this.tableData = res.data.data.records
						console.log(1)
						console.log(res)
					}
				
				})
			}
		}
	}
</script>

<style lang="scss">
	.wrap {
		padding: 30rpx;

		.system {
			font-family: PingFangSC;
			font-weight: 400;
			opacity: 1;
			padding: 30rpx 0;

			.t-title {
				font-size: 30rpx;
				line-height: 40rpx;
				color: #333333;
				margin-bottom: 30rpx;
			}

			.t-time {
				font-size: 24rpx;
				line-height: 40rpx;
				color: #999999;
				margin-left: 12rpx;
			}
		}

		.sub-btn {
			width: 684rpx;
			height: 96rpx;
			background: linear-gradient(91deg, #43B9FD 0%, #1FB5FE 100%);
			opacity: 1;
			border-radius: 66rpx;
			border: 0rpx;
			font-size: 36rpx;
			font-family: PingFangSC;
			font-weight: 400;
			line-height: 40rpx;
			color: #FFFFFF;
			position: fixed;
			bottom: 18rpx;
		}
	}
</style>

前端

标签：console,name,res,前端,241,uni,font,data,log
来源： https://www.cnblogs.com/yao-655442/p/16701549.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。