找不到编译错误原因
删除script标签,编译正常
<template>
<view class="container">
<!-- <usingComponents :bannerList="bannerData"></usingComponents> -->
<view class="indexNav">
<text class="indexNavBtn">热门推荐</text>
<text class="indexNavBtn">我的任务</text>
</view>
<view class="noticeView">
<swiper style="height: 70upx;" class="swiper" autoplay="true" vertical="true" circular="true">
<swiper-item>
<view class="swiper-slide">
<view class="noticeuserimg fullimg"><image src="../../static/img/img_user_1@2x.png" mode="widthFix"></image></view>
<view class="noticeMsg">
恭喜
<text class="username public-color-orange">[用户昵称]</text>
完成任务成功提现
<text class="commissonCount public-color-orange">50元</text>
</view>
</view>
</swiper-item>
</swiper>
</view>
<view class="tabView">
<view class="tabHandle">
<view class="tabBtns">
<text class="tabBtn active">全部</text>
<text class="tabBtn">注册</text>
<text class="tabBtn">下载</text>
<text class="tabBtn">关注</text>
</view>
<view class="sortBtn">
默认排序
<view class="sortList">
<view class="sortLists">默认排序</view>
<view class="sortLists">最新发布</view>
<view class="sortLists">用尽最高</view>
</view>
</view>
</view>
<view class="tabContent">
<view class="tabLists">
<view class="tabuserimg fullimg"><image src="../../static/img/img_user_1@2x.png" mode="widthFix"></image></view>
<view class="tabuserinfo">
<view class="usertitle">公众号关注 新人必做 秒审</view>
<view>
<text class="userlabel stick">置顶</text>
<text class="userlabel attention">关注</text>
</view>
</view>
<view class="commission">
<view class="commissionCash">+4.05</view>
<view class="commissionTip">剩余2人</view>
</view>
</view>
</view>
<view class="checkmore">查看更多</view>
</view>
</view>
</template>
<script>
export default{
data() {
return {
}
},
methods:{
}
}
</script>
<style>
.indexBanner {
margin-bottom: 40upx;
width: 100%;
height: 260upx;
background: url('../../static/img/banner_bg@2x.png') no-repeat;
background-size: 100%;
padding-top: 20upx;
}
.indexBanner .bannerswiper {
width: 100%;
height: 100%;
}
uni-view.swiper-item {
width: 640upx;
border-radius: 0.1rem;
overflow: hidden;
}
.bannerswiper .swiper-slide img {
width: 100%;
}
.indexNav {
width: 640upx;
display: flex;
flex-flow: row;
justify-content: space-between;
margin: 0 auto;
}
.indexNavBtn {
display: block;
width: 310upx;
height: 140upx;
background-size: 100%;
background-repeat: no-repeat;
font-size: 32upx;
font-weight: bold;
text-decoration: none;
line-height: 42upx;
padding: 42upx 0 0 30upx;
border-radius: 5upx;
overflow: hidden;
box-sizing: border-box;
}
.indexNavBtn:first-child {
color: #d5a272;
background-image: url('../../static/img/img_btn1@2x.png');
}
.indexNavBtn:last-child {
color: #7dc1c9;
background-image: url('../../static/img/img_btn2@2x.png');
}
.noticeView .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.noticeView {
height: 130upx;
font-size: 28upx;
color: #333333;
padding: 24upx 0;
border-bottom: 12upx solid #f5f5f5;
border-top: 12upx solid #f5f5f5;
margin-top: 4upx;
}
.noticeuserimg {
width: 48upx;
margin-right: 20upx;
}
.commissonCount {
font-weight: bold;
}
.tabView {
width: 100%;
background-color: #fff;
/* height: 100%;
overflow-y: auto; */
}
.tabHandle {
border-bottom: 1px solid #e5e5e5;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 25upx 30upx 0;
background-color: #fff;
z-index: 10;
width: 100%;
}
.tabBtns {
font-size: 28upx;
color: #666666;
}
.tabBtn {
display: inline-block;
margin-left: 38upx;
line-height: 37upx;
}
.tabBtn::after {
content: '';
display: block;
width: 40upx;
height: 6upx;
background: transparent;
opacity: 1;
border-radius: 5upx;
overflow: hidden;
margin: 20upx auto 0;
}
.tabBtn.active::after {
background: linear-gradient(270deg, rgba(255, 71, 94, 1) 0%, rgba(255, 110, 96, 1) 100%);
}
.tabBtn.active {
color: #333333;
font-weight: bold;
font-size: 32upx;
}
.sortBtn {
color: #888888;
font-size: 24upx;
line-height: 31upx;
padding-top: 5upx;
position: relative;
}
.sortList {
position: absolute;
width: 2upx;
top: 80upx;
left: 50%;
transform: translateX(-50%);
font-size: 24upx;
color: #000000;
border: 1px solid rgba(229, 229, 229, 1);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
background-color: #fff;
z-index: 2;
display: none;
}
.sortBtn.active .sortList {
display: block;
}
.sortLists {
line-height: 31upx;
text-align: center;
padding: 20upx;
border-bottom: 1px solid #e5e5e5;
}
.sortLists:last-child {
border: 0;
}
.sortBtn::after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 12upx solid transparent;
border-right: 12upx solid transparent;
border-top: 10upx solid #979797;
margin-left: 10upx;
vertical-align: middle;
}
.sortBtn.active {
color: #ff5b5f;
}
.sortBtn.active::after {
color: #ff5b5f;
border-top: 0.1upx solid #ff5b5f;
}
.tabContent {
padding: 47upx 30upx;
}
.tabLists {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 30upx;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 43upx;
}
.tabLists:last-child {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.tabuserimg {
width: 88upx;
height: 88upx;
margin-right: 20upx;
}
.tabuserinfo {
flex: 1;
font-size: 32upx;
color: #333333;
line-height: 42upx;
text-align: left;
}
.commission {
margin-bottom: 2upx;
text-align: center;
}
.userlabel {
display: inline-block;
font-size: 18upx;
width: 72upx;
height: 29upx;
line-height: 29upx;
text-align: center;
margin-right: 6upx;
}
.stick {
background-color: #ffe4e4;
color: #ec6e74;
}
.attention {
background-color: #fdecd4;
color: #f3a32b;
}
.commissionCash {
color: #fe6b49;
font-size: 40upx;
font-weight: bold;
line-height: 41upx;
margin-bottom: 6upx;
}
.commissionTip {
color: #999999;
font-size: 24upx;
line-height: 41upx;
}
.checkmore {
background-color: #e5e5e5;
height: 120upx;
font-size: 24upx;
color: #8794be;
text-align: center;
line-height: 120upx;
}
</style>