hishere.github.io/soc.html at main · hishere/hishere.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>soc排行</title>
    <script src="https://s4.zstatic.net/ajax/libs/vue/3.5.13/vue.global.prod.min.js" integrity="sha512-66fV4MXSQdGN0KQxZ0Bw627HalhTQYQbOoF24EtMXN2FaAoKMgAZ7nDi77d9xWwrRjEEUfE+7rxjTt+cA2IuJA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://s4.zstatic.net/ajax/libs/axios/1.9.0/axios.min.js" integrity="sha512-FPlUpimug7gt7Hn7swE8N2pHw/+oQMq/+R/hH/2hZ43VOQ+Kjh25rQzuLyPz7aUWKlRpI7wXbY6+U3oFPGjPOA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <style>

* {
    font-weight: bold; /* 或者使用数值700 */
}


        th, td {
            text-align: left;
            vertical-align: top;
            padding: 8px;
            cursor: pointer;
        }
        td {
            white-space: pre-line;
        }
        .gra {
            background-color: #f6fefe;
        }
        table {
            border-spacing: .5rem;
            border-collapse: collapse;
        }
        th {
            background-color: #f0f0f0;
            position: relative;
        }
        .sort-icon {
            margin-left: 5px;
            font-size: 12px;
        }
        .price-header {
            display: flex;
            align-items: center;
        }
    </style>
</head>
<body>
<div id="app">
    <table>
        <tr>
            <th>型号</th>
            <th>cpu</th>
            <th>电池</th>
            <th @click="sortByPrice">
                <div class="price-header">
                    价格
                    <span class="sort-icon" v-if="sortField === 'price'">
                        {{ sortOrder === 'asc' ? '↑' : '↓' }}
                    </span>
                </div>
            </th>
            <th>内存</th>
            <th>发布日</th>
            <th>特点</th>
        </tr>
        <tr v-for="(p, index) in sortedProds" :class="{ 'gra': index % 2 === 0 }">
            <td>{{ p[0] }}</td>
            <td>{{ p[1] }}</td>
            <td>{{ p[2] }}</td>
            <td>{{ p[3] }}</td>
            <td>{{ p[4] }}</td>
            <td>{{ p[5] }}</td>
            <td>{{ p[6] }}</td>
        </tr>
    </table>
    <div>截止2025.10，能够ROOT，并且能够同时开WIFI热点的手机似乎越来越少，真我是目前的一个性价比选择，热点共享技术似乎用途不算广泛，不考虑的话，摩托，真我，一加应该还能选择</div>
</div>
<script>
    const app = {
        data() {
            return {
                prods: [
                    ["moto g55", "天玑7025\n1☆2.5+6☆2.0", "5000/30w", "720", "8+128", "2024年10", "LCD"],
                    ["moto g34", "骁龙695\n2☆2.2+6☆1.8", "5000/18w", "710", "8+128", "2023年12", "LCD"],
                    ["moto g75", "骁龙6gen3\n4☆2.4+4☆1.8", "5000/30w", "1050", "8+256", "2024年10", "LCD"],
                    ["moto s50neo", "骁龙6sgen3\n2☆2.3+6☆2.0", "5000/30w", "1000", "8+256", "2024年6", "OLED"],
                    ["moto g100pro", "天玑7300\n4☆2.5+4☆2.0", "6700/30w", "1035", "8+256", "2025年7", "OLED,nfc"],
                    ["moto g100", "骁龙7sgen2\n4☆2.4+4☆1.9", "7000/30w", "1399", "12+256", "2025年10", "LCD,nfc"],
                    ["moto g100s", "骁龙6sgen4\n4☆2.4+4☆1.8", "7000/30w", "959", "8+128", "2025年10", "LCD,nfc"],

                    ["♥","♥","♥","0","♥","♥","♥"],

                    ["oppo k13x", "天玑6300\n2☆2.2+6☆2.0", "5800/45w", "640", "6+128", "2025年9", "LCD"],
                    ["oppo k13s", "骁龙7gen3\n1☆2.6+3☆2.4+4☆1.8", "7000/80w", "1140", "8+256", "2025年9", "OLED,nfc"],
                    ["vivo y200t", "骁龙6gen1\n4☆2.2+4☆1.8", "6000/44w", "680", "8+128", "2024年5", "LCD"],
                    ["vivo y300t", "天玑7300\n4☆2.5+4☆2.0\n安卓15橘5", "6500/44w", "799", "8+128", "2025年3", "LCD,nfc,红外"],
                    ["iqoo z10x", "天玑7300\n4☆2.5+4☆2.0\n安卓15橘5", "6500/44w", "699", "8+128", "2025年5", "LCD,红外"],
                    ["iqoo z9x", "骁龙6gen1\n4☆2.2+4☆1.8", "6000/44w", "626", "8+128", "2024年5", "LCD"],
                    ["真我GT6", "骁龙8gen3\n1☆3.3+5☆3.2+2☆2.3", "5800/120w", "1296", "12+256", "2024年7月", "OLED,nfc,红外"],
                    ["真我Neo7x", "骁龙6gen4\n1☆2.3+3☆2.2+4☆1.8", "6000/45w", "750", "8+256", "2025年2月", "OLED,nfc"],
                    ["真我Neo7SE", "天玑8400max\n1☆3.2+3☆3.0+4☆2.1", "7000/80w", "1172", "8+256\nufs4.0", "2025年2月", "OLED,nfc,红外"],
                    ["真我15T", "天玑6400max\n2☆2.5+6☆2.0", "7000/60W", "838", "8+128", "2025年9", "OLED,nfc,红外"],
                    ["真我13pro", "天玑7300\n4☆2.5+4☆2.0", "5000/80W", "831", "8+256", "2024年9", "OLED,nfc"],
                    ["一加ace5竞速", "天玑9400e\n1☆3.4+3☆2.8+4☆2.0", "7000/80W", "1284", "12+256\nufs4.0", "2025年5", "OLED,nfc,红外"],

                    ["♥","♥","♥","0","♥","♥","♥"],

                    ["红米turbo4", "天玑8400Ultra\n1☆3.2+3☆3.0+4☆2.1", "6550/90w", "1349", "12+256\nufs4.0", "2025年1月", "OLED,nfc,红外"],
                    ["红米turbo4pro", "骁龙8sgen4\n1☆3.2+3☆3.0\n+2☆2.8+2☆2.0", "7550/90w", "1149", "12+256\nufs4.1", "2025年4月", "OLED,nfc,红外"],
                    ["红米14C", "联发科g81-ultra\n2☆2.0+6☆1.8\n安卓14澎湃", "5160/18w", "351", "4+64", "2024年12", "LCD"],
                    ["红米14R", "骁龙4gen2\n2☆2.2+6☆2.0", "5100/18w", "540", "4+128", "2024年9", "LCD"],
                    ["红米note15", "骁龙6gen3\n4☆2.4+4☆1.8\n安卓14澎湃2", "5800/45w", "849", "6+128", "2025年8", "OLED"],
                    ["红米note14pro", "天玑7300u\n4☆2.5+4☆2.0\n安卓14澎湃", "5500/45w", "959", "8+128", "2024年9", "OLED,nfc,红外"],
                    ["红米note15pro", "天玑7400-ultra\n4☆2.6+4☆2.0\n安卓15澎湃2", "7000/45w", "986", "8+256", "2025年8", "OLED,nfc,红外"],

                    ["♥","♥","♥","0","♥","♥","♥"],

                    ["天翼1号2022", "紫光t770\n1☆2.5+3☆2.2+4☆2.0", "5000/20w", "540", "6+128", "2022年5", "LCD"],
                    ["中兴畅行60", "紫光t760/t7520/t8100\n4☆2.2+4☆2.0", "3000/5w", "250", "4+128", "2024年3月", "LCD"],
                    ["魅族Note 16", "紫光t8200/t765\n2☆2.3+6☆2.1", "6600/40w", "594", "8+128", "2025年5月", "LCD"],
                    ["wiko畅80S", "天玑6300\n2☆2.2+6☆2.0\n鸿蒙OS", "5000/22w", "600", "6+128", "2025年5月", "LCD"],
                    ["魅族note16pro", "骁龙7sg3\n1☆2.5+3☆2.4+4☆1.8", "6200/80W", "1198", "8+256GB", "2025年5月", "OLED,nfc,红外"]

                ],
                sortField: '',
                sortOrder: 'asc' // 'asc' 或 'desc'
            }
        },
        computed: {
            sortedProds() {
                if (!this.sortField) {
                    return this.prods;
                }

                // 创建数组副本以避免修改原始数据
                const sorted = [...this.prods];

                sorted.sort((a, b) => {
                    // 提取价格数值（假设价格是字符串形式的数字）
                    const priceA = parseInt(a[3]);
                    const priceB = parseInt(b[3]);

                    if (this.sortOrder === 'asc') {
                        return priceA - priceB;
                    } else {
                        return priceB - priceA;
                    }
                });

                return sorted;
            }
        },
        methods: {
            sortByPrice() {
                if (this.sortField === 'price') {
                    // 如果已经在按价格排序，切换排序顺序
                    this.sortOrder = this.sortOrder === 'asc' ? 'desc' : 'asc';
                } else {
                    // 如果是第一次点击价格，设置为按价格升序排序
                    this.sortField = 'price';
                    this.sortOrder = 'asc';
                }
            }
        }
    };
    const vue = Vue.createApp(app);
    vue.mount("#app")
</script>
</body>
</html>