1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!--
- * @Author: PoJun
- * @Date: 2023-05-14 19:39:41
- * @LastEditors: PoJun
- * @LastEditTime: 2023-05-17 23:45:30
- * @Message: Nothing
- -->
- <template>
- <view class="item-info u-boxshadow-1" hover-class="u-hover-class" @tap="itemClick">
- <view class="u-flex u-row-between">
- <view class="u-font-32 u-weight-600">{{ item.title }}</view>
- <u-tag text="todo" :type="item.type ? item.type : 'primary'" size="mini"></u-tag>
- </view>
- <view class="u-font-26 u-m-t-16">
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem sunt quasi iusto iste non
- laudantium harum quod. Rem, doloremque consequatur. Nisi, sed fugiat et sunt quod facilis quidem maiores
- autem.
- </view>
- <view class="u-font-26 u-m-t-16 u-tips-color">2023-5-15 21:56:43</view>
- </view>
- </template>
- <script>
- export default {
- name: "item-info",
- props: {
- item: {
- type: Object,
- default: function () {
- return {};
- },
- },
- },
- data() {
- return {};
- },
- methods: {
- itemClick() {
- uni.$u.route({
- url: "pages/task/detail",
- params: {
- id: this.item.id,
- },
- });
- },
- },
- };
- </script>
- <style lang="scss" scoped>
- .item-info {
- padding: 24rpx;
- }
- </style>
|