Browse Source

我的问答页面调整修改

master
dy-hu 5 months ago
parent
commit
31ca9bc548
  1. 4
      App.vue
  2. 3
      locale/en.json
  3. 4
      locale/zh-Hans.json
  4. 15
      pages_category_page1/goodsModule/qADetail.vue
  5. 6
      pages_category_page2/userModule/collection.vue
  6. 91
      pages_category_page2/userModule/questionList.vue
  7. BIN
      static/images/temp/icon_cart_select_active.png
  8. BIN
      static/images/temp/icon_cart_select_normal.png
  9. BIN
      static/images/temp/icon_common_grey_forward.png

4
App.vue

@ -619,6 +619,10 @@ uni-rich-text img {
color: #D3D4DE;
}
.font-color-545784 {
color: #545784;
}
.font-weight-500 {
font-weight: 500;
}

3
locale/en.json

@ -633,6 +633,7 @@
"common.refund_only":"Refund only",
"common.refunds_and_returns":"Refunds and Returns",
"page.interactiondiagramdetail":"InteractionDiagramDetail"
"page.interactiondiagramdetail":"InteractionDiagramDetail",
"common.replaycount":"{number} Answers"
}

4
locale/zh-Hans.json

@ -633,5 +633,7 @@
"common.refund_only":"仅退款",
"common.refunds_and_returns":"退款退货",
"page.interactiondiagramdetail":"互动图详情"
"page.interactiondiagramdetail":"互动图详情",
"common.replaycount":"共{number}条回答"
}

15
pages_category_page1/goodsModule/qADetail.vue

@ -193,17 +193,20 @@ export default {
.qaTit {
display: flex;
align-items: center;
margin-bottom: 35upx;
margin-bottom: 35rpx;
i {
width: 38upx;
height: 38upx;
background: #C83732;
width: 54rpx;
height: 54rpx;
line-height: 54rpx;
background: #FBC864;
font-style: normal;
text-align: center;
font-size: 28rpx;
font-weight: bold;
color: #FFFFFF;
font-size: 20upx;
margin-right: 30upx;
margin-right: 30rpx;
border-radius: 50%;
}
h3 {

6
pages_category_page2/userModule/collection.vue

@ -2,8 +2,8 @@
<view class="collection-box">
<global-loading />
<view class="tabsbox">
<u-tabs :list="collectionTypeList" bar-width="60" :bold="false" active-color="#333333"
inactive-color="#CCCCCC" :is-scroll="false" :current="collectionTypeFlag"
<u-tabs :list="collectionTypeList" bar-width="60" :bold="false" active-color="#252744"
inactive-color="#90919C" :is-scroll="false" :current="collectionTypeFlag"
@change="collectionTypeActive"></u-tabs>
</view>
<view v-if="collectionTypeFlag == 0">
@ -764,7 +764,7 @@
}
.btn-delete {
width: 232upx;
width: 232rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;

91
pages_category_page2/userModule/questionList.vue

@ -2,18 +2,22 @@
<view class="question-box">
<global-loading />
<view class="tabsbox">
<u-tabs :list="questionTypeList" bar-width="140" :bold="false" active-color="#C5AA7B"
inactive-color="#999999" :is-scroll="false" :current="questionTypeFlag" @change="questionTypeActive">
<u-tabs :list="questionTypeList" bar-width="140" :bold="false" active-color="#252744"
inactive-color="#90919C" :is-scroll="false" :current="questionTypeFlag" @change="questionTypeActive">
</u-tabs>
</view>
<view v-if="questionTypeFlag == 0">
<view v-if="problemList.length>0">
<view class="wid function-box">
<view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>
<!-- <view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>-->
<view v-if="allCheckShow" class="flex-row-plus editicon-box flex-items font-color-252744 fs28" @click="finishClick">
<image class="editicon" src="@/static/images/temp/title_finish.png">
</image>
</view>
<view v-else class="flex-row-plus editicon-box flex-items fs28" @click="editClick">
<image class="editicon" src="https://ceres.zkthink.com/static/images/collectionEditicon.png">
<image class="editicon" src="@/static/images/temp/title_edit.png">
</image>
<text class="mar-left-10">{{$t('common.edit')}}</text>
<!-- <text class="mar-left-10">{{$t('common.edit')}}</text>-->
</view>
</view>
<view class="swipe-box">
@ -25,10 +29,10 @@
<view v-show="allCheckShow">
<image mode="aspectFill" v-if="item.selected == 1"
@click.stop="problemItemSel(index,0)"
src="https://ceres.zkthink.com/static/images/selectActive.png"
src="@/static/images/temp/icon_cart_select_active.png"
class="cart-select-img"></image>
<image mode="aspectFill" v-else @click.stop="problemItemSel(index,1)"
src="https://ceres.zkthink.com/static/images/selectEmpty.png"
src="@/static/images/temp/icon_cart_select_normal.png"
class="cart-select-img"></image>
</view>
<!-- <image class="product-img" mode="aspectFill" :src="item.image" />-->
@ -52,9 +56,9 @@
<view v-show="allCheckShow" class="allcheck-box flex-row-plus flex-sp-between flex-items">
<view class="left">
<image mode="aspectFill" v-if="isAllProblemCheck"
src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img"
src="@/static/images/temp/icon_cart_select_active.png" class="cart-select-img"
@click="allProblemSel(0)"></image>
<image mode="aspectFill" v-else src="https://ceres.zkthink.com/static/images/selectEmpty.png"
<image mode="aspectFill" v-else src="@/static/images/temp/icon_cart_select_normal.png"
class="cart-select-img" @click="allProblemSel(1)"></image>
<text>{{$t('common.chooseall')}}</text>
</view>
@ -71,11 +75,15 @@
</view>
<view v-if="questionTypeFlag == 1">
<view v-if="answerList.length > 0">
<view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>
<!-- <view class="finishbox" @click="finishClick" v-if="allCheckShow">{{$t('common.finish')}}</view>-->
<view v-if="allCheckShow" class="flex-row-plus editicon-box flex-items font-color-252744 fs28" @click="finishClick">
<image class="editicon" src="@/static/images/temp/title_finish.png">
</image>
</view>
<view v-else class="flex-row-plus editicon-box flex-items fs28" @click="editClick">
<image class="editicon" src="https://ceres.zkthink.com/static/images/collectionEditicon.png">
<image class="editicon" src="@/static/images/temp/title_edit.png">
</image>
<text class="mar-left-10">{{$t('common.edit')}}</text>
<!-- <text class="mar-left-10">{{$t('common.edit')}}</text>-->
</view>
<view class="swipe-box">
<u-swipe-action :show="item.show" :index="index" v-for="(item, index) in answerList"
@ -87,10 +95,10 @@
<view v-show="allCheckShow">
<image mode="aspectFill" v-if="item.selected == 1"
@click.stop="answerItemSel(index,0)"
src="https://ceres.zkthink.com/static/images/selectActive.png"
src="@/static/images/temp/icon_cart_select_active.png"
class="cart-select-img"></image>
<image mode="aspectFill" v-else @click.stop="answerItemSel(index,1)"
src="https://ceres.zkthink.com/static/images/selectEmpty.png"
src="@/static/images/temp/icon_cart_select_normal.png"
class="cart-select-img"></image>
</view>
<!-- <image class="product-img" mode="aspectFill" :src="item.image" />-->
@ -103,16 +111,17 @@
<view class="flex-items reply">
<label>{{$t('common.answer')}}</label>
<text v-if="allCheckShow" style="width: 270rpx;"
class="font-color-666 fs24 overflow">{{item.name}} :
class="font-color-252744 fs24 overflow">{{item.name}} :
{{item.answer}}</text>
<text v-else style="width: 360rpx;"
class="font-color-999 fs24 overflow">{{item.name}} :
class="font-color-252744 fs24 overflow">{{item.name}} :
{{item.answer}}</text>
</view>
<view class="qAarrow mar-top-30 flex-items">
<text class="fs24 font-color-C5AA7B">{{$t(common.replaycount, {name:item.count})}}</text>
<text class="fs24 font-color-545784">{{$t('common.replaycount', {"number":item.count})}}</text>
<!-- <text class="fs24 font-color-C5AA7B">{{item.count}}</text>-->
<image class="item-btn-right"
src="https://ceres.zkthink.com/static/img/user/arrow.png"
src="@/static/images/temp/icon_common_grey_forward.png"
mode="widthFix"></image>
</view>
</view>
@ -126,14 +135,14 @@
<view v-show="allCheckShow" class="allcheck-box flex-row-plus flex-sp-between flex-items">
<view class="left">
<image mode="aspectFill" v-if="isAllAnswerCheck"
src="https://ceres.zkthink.com/static/images/selectActive.png" class="cart-select-img"
src="@/static/images/temp/icon_cart_select_active.png" class="cart-select-img"
@click="allAnswerSel(0)"></image>
<image mode="aspectFill" v-else src="https://ceres.zkthink.com/static/images/selectEmpty.png"
<image mode="aspectFill" v-else src="@/static/images/temp/icon_cart_select_normal.png"
class="cart-select-img" @click="allAnswerSel(1)"></image>
<text>{{$t(common.chooseall)}}</text>
<text>{{$t('common.chooseall')}}</text>
</view>
<view class="right">
<view class="btn-delete" @click="questionDel(1)">{{$t(common.delete)}}</view>
<view class="btn-delete" @click="questionDel(1)">{{$t('common.delete')}}</view>
</view>
</view>
<view v-if="allCheckShow" class="pad-bot-140"></view>
@ -605,8 +614,8 @@
}
.editicon {
width: 50rpx;
height: 50rpx;
width: 32rpx;
height: 32rpx;
}
.swipe-box {
@ -625,8 +634,8 @@
.item-btn-right {
margin-left: 15rpx;
width: 14upx;
height: 24upx !important;
width: 16rpx;
height: 28rpx !important;
}
}
@ -658,15 +667,17 @@
}
label {
width: 36rpx;
height: 36rpx;
width: 54rpx;
height: 54rpx;
display: block;
line-height: 36rpx;
line-height: 54rpx;
text-align: center;
background: #C83732;
background: #FBC864;
color: #FFFFFF;
font-size: 20rpx;
font-size: 28rpx;
font-weight: bold;
margin-right: 20rpx;
border-radius: 50%;
}
.replyBox {}
@ -675,7 +686,7 @@
margin-top: 20rpx;
label {
background: #C5AA7B;
background: #252744;
}
}
@ -730,13 +741,15 @@
}
.btn-delete {
width: 230upx;
height: 100upx;
line-height: 100upx;
text-align: center;
font-size: 30upx;
color: #FFFFFF;
background: #C83732;
width: 232rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: 30rpx;
color: #FFFFFF;
margin-right: 30rpx;
background: #F54639;
border-radius: 50rpx;
}
}
}

BIN
static/images/temp/icon_cart_select_active.png

After

Width: 44  |  Height: 44  |  Size: 2.2 KiB

BIN
static/images/temp/icon_cart_select_normal.png

After

Width: 44  |  Height: 44  |  Size: 1.9 KiB

BIN
static/images/temp/icon_common_grey_forward.png

After

Width: 16  |  Height: 28  |  Size: 1.3 KiB

Loading…
Cancel
Save