|
@@ -60,7 +60,13 @@
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
- <view v-if="val.workList.length > 2" class="showBtn color-primary" @tap.stop="val.showAll = Boolean(!val.showAll)">{{ val.showAll ? '收起' : '展开全部' }}</view>
|
|
|
|
|
|
+ <view v-if="val.workList.length > 2" class="showBtn color-primary" @tap.stop="val.showAll = Boolean(!val.showAll)">
|
|
|
|
+ {{ val.showAll ? '收起' : '展开全部' }}
|
|
|
|
+ <view class="icons">
|
|
|
|
+ <uni-icons class="icon" :type="val.showAll ? 'up' : 'down'" color="#008BB7" size="12" />
|
|
|
|
+ <uni-icons class="icon" :type="val.showAll ? 'up' : 'down'" color="#008BB7" size="12" />
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -123,6 +129,16 @@ const handleDetail = ({ userId }) => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.showBtn {
|
|
.showBtn {
|
|
- text-align: center;
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .icons {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ margin-left: 5px;
|
|
|
|
+ .icon {
|
|
|
|
+ line-height: 4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|