update:代码备份

src/pages/training/practise-one.vue

@@ -4,7 +4,7 @@ import { onLoad } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import ShootProgress from "./components/ShootProgress.vue";
 import BowTarget from "./components/BowTarget.vue";
-import ScorePanel2 from "@/components/ScorePanel2.vue";
+import ScorePanel2 from "./components/ScorePanel2.vue";
 import ScoreResult from "@/components/ScoreResult.vue";
 import Avatar from "@/components/Avatar.vue";
 import BowPower from "@/components/BowPower.vue";
@@ -153,15 +153,23 @@ onBeforeUnmount(() => {
               mode="aspectFit"
             />
           </button>
-          <view class="bat-text-box">
+          <view class="bat-text-big-box">
             <image
               class="dao-icon"
-              src="/static/dao-icon.png"
+              src="../../static/training-difficulty-design/dao-icon.png"
               mode="widthFix"
             />
+            <view class="bat-text-box">
+              <view class="bat-text-small-box">
+                <view class="text-round-box">
+                  <view class="text1">每箭命中9环之上</view>
+                  <view class="text2">剩余<text class="text2-yellow">3</text>箭</view>
+                </view>
+              </view>
+            </view>
           </view>
         </view>
-        <ScorePanel2 :arrows="scores" />
+        <ScorePanel2 :arrows="scores" :total="total" />
         <ScoreResult
           v-if="practiseResult.details"
           :rowCount="6"
@@ -223,16 +231,13 @@ onBeforeUnmount(() => {
 .sound-text-box{
   height: 125rpx;
   padding: 0 56rpx;
-  background: pink;
+  display: flex;
+  align-items: flex-end;
 }
 .sound-btn {
   width: 76rpx;
   height: 70rpx;
   border: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 56rpx;
 }
 
 .sound-btn::after {
@@ -243,7 +248,7 @@ onBeforeUnmount(() => {
   width: 76rpx;
   height: 70rpx;
 }
-.bat-bext-box{
+.bat-text-big-box{
   flex: 1;
   position: relative;
 }
@@ -254,4 +259,42 @@ onBeforeUnmount(() => {
   left: 0;
   bottom: 0;
 }
+.text-round-box{
+  width: 100%;
+}
+.bat-text-box{
+  display: flex;
+}
+.bat-text-small-box{
+  background: rgba(0, 0, 0, 0.5);
+  width: auto;
+  min-width: 100rpx;
+  border-radius: 16rpx 60rpx 60rpx 16rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding-left: 176rpx;
+  height: 112rpx;
+  padding-right: 30rpx;
+  font-size: 30rpx;
+  color: #E7BA80;
+}
+.text1{
+  font-size: 30rpx;
+  font-weight: 400;
+  color: #E7BA80;
+  line-height: 42rpx;
+}
+.text2{
+  color: #FFFFFF;
+  font-size: 26rpx;
+  font-weight: 400;
+  line-height: 36rpx;
+}
+.text2-yellow{
+  font-size: 30rpx;
+  color: #FFD947;
+  font-weight: 500;
+  margin: 0 4rpx;
+}
 </style>