| | |
| | | <!-- |
| | | * @Date: 2024-01-06 17:40:19 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-13 22:38:31 |
| | | * @LastEditTime: 2024-01-14 13:24:19 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/workshop/index.vue |
| | | --> |
| | | <template> |
| | |
| | | <div class="right"> |
| | | <Status class="right-status" :info="info" style="justify-content: flex-start;"> |
| | | <template slot="before"> |
| | | <div style="margin-right: 200px;"> |
| | | <el-button type="primary" size="mini" :class="concernFlag === 0 ? 'active' : ''" |
| | | @click="query(0)">全部</el-button> |
| | | <div style="margin-right: auto;"> |
| | | <el-button type="primary" size="mini" :class="concernFlag === '' ? 'active' : ''" |
| | | @click="query('')">全部</el-button> |
| | | <el-button type="primary" size="mini" :class="concernFlag === 1 ? 'active' : ''" |
| | | @click="query(1)">关注</el-button> |
| | | <!-- <el-button type="primary" size="mini" style="margin-right: auto;">我的关注</el-button> --> |
| | |
| | | </Status> |
| | | <div class="list-box"> |
| | | <div class="list"> |
| | | <Item v-for="item in list" :id="item.id" :key="item.id"></Item> |
| | | <Item v-for="item in list" :id="item.id" :info="item" :key="item.id"></Item> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | concernFlag: 0, |
| | | concernFlag: '', |
| | | searchWord: '', |
| | | list: [], |
| | | info: { |